Podstawy D3.js: Twórz niestandardowe wizualizacje danych od podstaw

Statyczne wykresy często nie oddają pełnej historii złożonych danych. Aby naprawdę zaangażować użytkowników, potrzebujesz umiejętności bezpośredniego wiązania rzeczywistych danych z dokumentem internetowym, tworząc dynamiczne i responsywne wizualizacje, które reagują na dane wejściowe użytkownika. Ten kurs tekstowy prowadzi Cię krok po kroku przez proces przekształcania surowych zbiorów danych w niestandardowe, interaktywne grafiki oparte na przeglądarce. Zaczniesz od opanowania podstawowych koncepcji, w tym struktury SVG, systemów współrzędnych oraz sposobu, w jaki D3 wiąże dane z elementami DOM. Następnie nauczysz się zarządzać cyklem życia enter-update-exit, stosować skale liniowe i porządkowe oraz konstruować przejrzyste, dostępne osie dla swoich wykresów. Aby Twoje umiejętności pozostały wysoce aktualne, dowiesz się również, jak integrować nowoczesne przepływy pracy pakowania JavaScript i sprawiać, że Twoje wizualizacje będą responsywne w widokach mobilnych i stacjonarnych. What you'll learn: - Zrozumienie podstawowego cyklu życia D3.js wiązania danych z elementami DOM - Tworzenie i manipulowanie kształtami SVG w celu budowania niestandardowych wykresów słupkowych, liniowych i punktowych - Stosowanie skal liniowych, pasmowych i czasowych do dokładnego mapowania wartości danych na piksele ekranu - Konstruowanie dynamicznych, responsywnych osi wykresów, które dostosowują się do zmieniających się rozmiarów widoku - Implementowanie płynnych przejść i interaktywnych stanów najechania (hover states) przy użyciu nowoczesnych zdarzeń JavaScript - Organizowanie kodu wizualizacji przy użyciu nowoczesnych importów ESM i przejrzystych struktur projektów Ten kurs rozpoczyna się od podstawowych definicji i szczegółowych omówień kodu, a następnie przechodzi do praktycznych ćwiczeń budowania wykresów. Jest przeznaczony w całości dla początkujących z podstawową znajomością HTML, CSS i wprowadzającego JavaScript. Nie jest wymagane wcześniejsze doświadczenie w wizualizacji danych. Zacznij czytać, aby zbudować swój pierwszy niestandardowy dokument oparty na danych już dziś.