|
2 | 2 |
|
3 | 3 | This project demonstrates how to create sophisticated, interactive data visualizations for wheat price analysis using AI-assisted development. Without writing code manually, I used Claude 3.7 Sonnet to generate a complete visualization suite that includes heatmaps, parallel coordinates plots, and an executive summary dashboard. The visualizations feature responsive design, interactive filtering, dark/light themes, and contextual information about global events affecting wheat markets. |
4 | 4 |
|
5 | | -. |
| 5 | +## 🕹️ [Interactive data visualization](https://data.csaladen.es/ADV%202025/5/) |
| 6 | + |
| 7 | + |
6 | 8 | A fenti gabonás vizuaizációkat teljességgel kódolás nélkül készítettem (bár kellet hozzá egy pár próbálkozás.. :sweat_smile:) |
7 | 9 | Itt megtaláljátok az összes promptot amit használtam (`clause-sonnet-3.7`): |
8 | 10 |
|
@@ -30,8 +32,12 @@ Throughout the development, several improvements were made: |
30 | 32 |
|
31 | 33 | The final product is a comprehensive, interactive data exploration tool that allows users to analyze wheat price trends across different types, countries, and time periods while providing context through global events that impacted the market. |
32 | 34 |
|
33 | | -### Screenshot 1 |
34 | | - |
| 35 | +### Screenshot 1-1 |
| 36 | + |
| 37 | +### Screenshot 1-2 |
| 38 | + |
| 39 | +### Screenshot 1-3 |
| 40 | + |
35 | 41 | . |
36 | 42 |
|
37 | 43 | . |
@@ -70,8 +76,10 @@ Key developments: |
70 | 76 |
|
71 | 77 | The final product is a sophisticated data visualization tool that combines a heatmap/carpet plot with a parallel coordinates plot, allowing users to explore wheat price data through multiple perspectives while enjoying a visually pleasing, professionally designed interface with both light and dark themes. |
72 | 78 |
|
73 | | -### Screenshot 2 |
74 | | - |
| 79 | +### Screenshot 2-1 |
| 80 | + |
| 81 | +### Screenshot 2-2 |
| 82 | + |
75 | 83 | . |
76 | 84 |
|
77 | 85 | . |
@@ -106,6 +114,10 @@ Key developments: |
106 | 114 |
|
107 | 115 | The final product features a cohesive design with consistent styling across all elements, proper cross-filtering functionality, and smooth navigation between different sections of the visualization. |
108 | 116 |
|
109 | | -### Screenshot 3 |
110 | | - |
| 117 | +### Screenshot 3-1 |
| 118 | + |
| 119 | +### Screenshot 3-2 |
| 120 | + |
| 121 | +### Screenshot 3-3 |
| 122 | + |
111 | 123 | . |
0 commit comments