Published
Edited
Jul 24, 2019
1 fork
20 stars
Insert cell
Insert cell
Insert cell
timelineData
Insert cell
Insert cell
Insert cell
viewof width = html`<input type=range min=480 max=1000 value=900 step=any>`
Insert cell
viewof year_height = html`<input type=range min=10 max=100 value=50 step=any>`
Insert cell
Insert cell
Insert cell
colors = ({
"AngularJS": "indianred",
"Angular": "firebrick",
"React": "royalblue",
"Vue": "forestgreen",
"Backbone": "grey",
"Ember": "lightsalmon",
"Knockout": "lightcoral",
"JQuery": "#0769AD",
"Javascript": "grey",
"NodeJS": "#215732",
})
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
stylesheet = html`<link rel='stylesheet' href='//rawgithub.com/Caged/d3-tip/master/examples/example-styles.css' />`
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