d3js-visualization

Build deterministic, verifiable data visualizations with D3.js (v6). Generate standalone HTML/SVG (and optional PNG) from local data files without external network dependencies. Use when tasks require charts, plots, axes/scales, legends, tooltips, or data-driven SVG output.

1. Przygotuj dane w formacie CSV, TSV lub JSON. Upewnij się, że plik zawiera kolumny, które chcesz wizualizować (np. kategorie, wartości, daty).

2. Opisz zamierzoną wizualizację: określ typ wykresu (słupkowy, liniowy, punktowy, histogram, heatmap itp.), które pola mają być na osiach X i Y, czy potrzebne są legendy, tooltipy, czy dane wymagają sortowania lub filtrowania.

3. Podaj dodatkowe wymagania, takie jak wymiary wykresu (szerokość, wysokość), marginesy, reguły kolorowania (kategorialne lub sekwencyjne), tytuł i etykiety osi. Jeśli szczegóły brakują, umiejętność zastosuje rozsądne wartości domyślne.

4. Umiejętność wygeneruje wykresy w folderze dist/: plik chart.html (samodzielny, gotowy do otwarcia w przeglądarce), plik chart.svg (eksportowany, stabilny i łatwy do porównania) oraz opcjonalnie chart.png (jeśli wymagasz formatu rastrowego).

5. Sprawdź wygenerowane pliki — HTML można otworzyć bezpośrednio, SVG można wbudować w raporty lub strony internetowe, a PNG można używać w dokumentach. Wszystkie wyjścia są deterministyczne, więc powtórne uruchomienie z tymi samymi danymi da identyczne rezultaty.

6. Jeśli wizualizacja wymaga zmian, dostosuj parametry (typ wykresu, kolory, etykiety) i uruchom ponownie — nie ma potrzeby połączenia sieciowego ani zewnętrznych usług.