Communication Systems Workshop : Communicating Uncertain FuturesWeek 3: Instructional ImageryZach's Sol Lewitt ChallengeWeek 4 : Intro to Javascript for VisualizationZach's Hello World Map ChallengeWeek 5 : Intro to D3 and Data SynthesisLanguage Scatter PlotWeek 6 : D3 Data Binding/JoiningCreative Professions by State Butterfly ChartWeek 7 : Animation and InteractivityCoding Challenge: 2D HeatmapBirth HeatmapCity RacersBrain.js Simple Example to Predict Color LightnessCensus Migration Data ExerciseEvents ExampleCommunicating Uncertain FuturesData Journal Entry 1 · Data Detective WorkData Journal Entry 2 · Data ExplorationSimple GeoJSON Custom MapLine Chart ExampleData Journal Entry 3 · Data Time-KeepingData Journal Entry 4 · Data ArrangersData Journal Entry 5 · Summary and Wishlist
Coding Challenge: Butterfly Chart
architects = FileAttachment("Table2bArchitects.xlsx").xlsx()
designers = FileAttachment("Table2eDesigners.xlsx").xlsx()
allRacesArchitects = architects.sheet("All-Races")
allRacesDesigners = designers.sheet("All-Races")
allRacesArchitects[3]
allRacesDesigners[3]
architectData = allRacesArchitects
.slice(6)
.filter((d) => d.A)
.map((s) => ({
state: s.A,
abbreviation: stateLabels.find((d) => d.name == s.A),
allWorkers: s.B,
creatorCount: s.C,
creatorPercentage: s.C / s.B,
creatorLabel: "Architect"
}))
designerData = allRacesDesigners
.slice(6)
.filter((d) => d.A)
.map((s) => ({
state: s.A,
abbreviation: stateLabels.find((d) => d.name == s.A),
allWorkers: s.B,
creatorCount: s.C,
creatorPercentage: s.C / s.B,
creatorLabel: "Designer"
}))
allCreatorData = architectData.concat(designerData)
Inputs.table(allCreatorData)
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.
