Adatvizualizációs dashboard
így tervezz élő interaktív dashboardot
Működik ezekkel az AI modellekkel:
Claude
🧪Tesztelve:opus 4.7
📋 Prompt szöveg
Készíts egy adatvizualizációs dashboard-ot React-tel és Recharts könyvtárral. Az adatok egy kitalált kozmetikai cég (Borostyán Kozmetika) 2024-es havi teljesítményét mutatják. TARTALOM (3 fő grafikon): 1) VONALDIAGRAM - Havi árbevétel (2024 1-12. hó) Adatok (M Ft-ban): 6.2, 5.8, 8.4, 7.8, 8.9, 9.5, 7.2, 6.8, 8.4, 9.8, 11.2, 8.8 2) TORTADIAGRAM - 2024 árbevétel csatornánként - D2C webshop: 66.4 M (70%) - B2B viszonteladók: 28.4 M (30%) 3) OSZLOPDIAGRAM - Termékkategóriák bevétele - Arckrémek: 38 M - Szérumok: 24 M - Tonikok: 18 M - Tisztítók: 8 M - Ajándékcsomagok: 6.8 M EXTRA FELÜLET: - Bal oldalon: szám-tile-ok (Összbevétel, Átlag havi, Legjobb hónap, Legrosszabb hónap) - A számok legyenek nagy, vastag, szépen olvashatók - Felül egy fejléc: "Borostyán Kozmetika - 2024 Áttekintés" - A grafikonok legyenek interaktívak (hover-re pontos értékeket mutasson) DIZÁJN: - Modern, üzleti stílus - Sötét háttér (#1a1a2e) - Borostyán-szín accent (#D4A574 - a márkához) - A grafikonok színpaletája harmonikus - Mobilbarát responsive
·⎘ 0 másolás
💬Hozzászólások
Hozzászóláshoz be kell jelentkezned
Belépés💬
Hozzászólások betöltése...
