d3js-visualization

Umiejętność do budowania deterministycznych, weryfikowalnych wizualizacji danych za pomocą D3.js (v6). Konwertuj pliki CSV, TSV lub JSON na samodzielne wykresy HTML/SVG bez dostępu do internetu. Idealna do tworzenia wykresów słupkowych, liniowych, punktowych, heatmap, osi, legend, tooltipów i innych wizualizacji opartych na danych. Wszystkie wyjścia są stabilne i można je porównywać poprzez hashing lub diffowanie plików.

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.