Interaktiv ein d3.js-Scatter-Plot erstellen – Teil zwei

Blog

Dieses Tutorial beginnt von a früher Lernprogramm. Zur Erinnerung, so sieht die Datenstruktur aus:



Bild für Beitrag

Die Armutsrate ist der Y-Achsen-Wert und der Indikator in der letzten Spalte ist der X-Achsen-Wert und ändert sich mit jedem Datensatz.



Im vorherigen Tutorial haben wir den Provinzwert geändert, aber in diesem Tutorial werden wir das Jahr aktualisieren. (Alle Codes auf Github und Demo verfügbar Hier ). Dies bedeutet, dass wir die |_+_|-Auswahl aufrufen müssen, da wir Datenpunkte auswählen möchten, die bereits auf der Seite angezeigt werden, und sie **_ändern _**sie irgendwie (im Gegensatz zum Aufrufen von |_+_|was Daten entfernt Punkte von der Seite oder |_+_|, wodurch Datenpunkte zur Seite hinzugefügt werden).

Wie im vorherigen Tutorial müssen wir zuerst die Auswahl des Benutzers erfassen, in diesem Fall ist dies der |_+_|-Wert. Dies kann auf verschiedene Weise geschehen, aber wir werden wieder das Dropdown-Element verwenden, das sich neben dem Dropdown-Menü Provinz befindet:



#d3js #international-development #data-visualization #pakistan #data visualization

medium.com

Interaktiv ein d3.js-Scatter-Plot erstellen – Teil zwei

Dieses Tutorial knüpft an ein vorheriges Tutorial an. Zur Erinnerung, die Datenstruktur sieht so aus: Armutsrate ist der Y-Achsen-Wert und der Indikator in der letzten Spalte ist der X-Achsen-Wert.