HKB CAS Datenvisualisierung

Data Driven Documents mit D3.js

Der CAS Datenvisualisierung ist eine interdisziplinär und medienübergreifend ausgerichtete Weiterbildung. Vermittelt werden Grundlagen, Theorie und Methoden des Informationsdesigns. Im Zentrum steht das Gestalten von Informationsgrafiken, Diagrammen und Schaubildern.

                 

Inhalt:

• D3 Up & Going 
• SVG & HTML/CSS 
• Javascript Basics 
• Data 
• Data CSV/TSV 
• Skalen & Achsen 
• GeoJSON 
• Reihen & Serien 
• Transition 
• Updating Data

Diese Serie liefert eine grundlegende Einführung in die Datenvisualisierung mit d3.js. Die Beispiele sind im Quelltext kommentiert, weiterführendes Material dazu ist vorhanden.

Arbeitsgrundlagen

• Brackets - Code Editor
• Sublime Text - Code Editor
• Subethaedit - Code Editor
• Coda2 - Code Editor
• Text Wrangler - Code Editor
• LibreOffice - Verarbeitung von Daten des OGD Portals
• R, Rstudio - Datenaufbereitung

Weitere Atom, UltraEdit, BBedit, Bluefish, etc… Dazu ein sinnvolles Tool um die Konvertierung von Zeilenenden und Encodierung vorzunehmen (CSV/TSV etc.)

Sinnvolle Erweiterungen für Brackets:

• Brackets Color Picker (https://github.com/mikailcolak/brackets-color-picker)
• HTML Skeleton (https://github.com/le717/brackets-html-skeleton)
• Beautify (https://github.com/dingdong-io/brackets.beautify.io)
• Brackets Git (https://github.com/zaggino/brackets-git)
• Emmet (http://emmet.io)

 

---

Next: Up & Going

Übersicht