d3.js to biblioteka js do tworzenia wizualizacji danych za pomoca javascripta.
Aby skorzystać z biblioteki d3.js w nagłówku html następującą linijkę
<script src="http://d3js.org/d3.v3.min.js"></script>
Korzystając z opisu z
zapoznaj się z ideą działania biblioteki d3.js.
Zadanie Domowe 1
Do ostatnio stworzonej strony z tabelą dodaj wykres danych taki jak w:
Na wykresie mają znajdować się na osi OX Tytuły, a na osi OY Liczby (zobacz zadanie z zeszłego tygodnia).
Po najechaniu kursorem myszki na daną kolumnę powinien pojawić się NumerID.
Po kliknięciu na wykresie na dany element (kolumnę) powinna podświetlać się ta kolumna i wiersz w tabeli z tym wpisem.
UWAGA! jeżeli nie wykonałeś zadania sprzed tygodnia możesz użyć danych z pliku lub danych zapisanych na sztywno w kodzie, ale trzeba z nich wygenerować tabelę (rozwiązanie takie otrzyma max 8 pkt).
Wytłumaczenie, krok po kroku na temat tworzenia elementów wykresu można znaleźć pod adresem:
Tabelka z wykorzystaniem d3.js
Event on mouseClick:
Wykonany plik html proszę przesłać przez stronę:
Termin wykonania zadania: Czwartek 13.04.2017 do godziny 24.00.
Wykorzystano materiały z: