The avatar for @udg-master-data-science
UdG | Master's in Data Science
Public
Information Visualization
Edited
Dec 20
5 forks
2
Information Visualization
Module guidelinesWeek 1 | ObservableHQ and Plot essentialsWeek 2 | Drawing with data
Week 3 | Let's talk about color
Week 4 | Make it interactiveExercise 1: Load the data and chart it with PlotExercise 2: Data questions, visual answersExercise 4: Look ma! It's interactiveExercise 3: UnPleasantville your charts!Final exercise: GuidelinesFinal exercise: TemplateData playgroundGrades (so far)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
interval
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
${(select ? [select]: countries.slice(0,more(cols))).map(
(d) => htl.html.fragment`
<div style='${style.div}'>
<p style='${style.p}'>${d}</p>
${plotCountry(d, select ? width / 2 : width / cols)}
</div>
`
)}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
color_maps = (type) => ({
legend: true,
label: "Unemployment in %",
type: type,
domain: type === "threshold" ? [0, 2.5, 5, 10, 15] : [0, 20],
n: 10,
scheme: "RdPu"
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more