Visualization can transform the reach of open data and revolutionize transparency and accountability.
Syllabus of the Data Visualization Programming courseA very first introduction to ObservableA very first introduction to JavaScriptTask of week 1 (6th-13th October)Introduction to visual encoding using the Plot libraryTask of week 2 (13th - 19th October)A first introduction to D3Daily task week 3Task of week 3 (20th-26th October)Temporal dataTask of week 4 (27th October - 2nd November)InteractionTask of week 5 (3rd-9th November)Deeper into the join function (and interaction techniques)Hierarchical dataTask of week 6 (10th - 16th November)More on hierarchical data (Treemap and Icicle)Graph VisualizationForce layout exerciseTask of week 7 (17th - 23th November)Svelte frameworkUsing D3 to plot Svelte componentsArcs and stacksArcs and stacks: daily solution
Task of week 8 (24th - 30th November)
import { alphabet } from "@observablehq/plot-test-data"
cleanData = alphabet.data.sort((a,b) => a.letter.localeCompare( b.letter));
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
