Published
Edited
Apr 19, 2020
values_mh = confirmed.map(d => d['MH'])
margin = 0
height= 200
import {chart as chart1} with {values_mh as data, height} from "@d3/histogram"
chart1
o = confirmed[0];
routes = d3.csv("https://docs.google.com/spreadsheets/d/e/2PACX-1vQUCSs0csjEYCJtgjQUxNJrcleDNHZ9-r_C79ebs3KRySQUFhBFng4k-By9MIJRQPIwTKzqCq7Ie1dx/pub?output=csv", d3.autoType)
routes.columns
vls = FileAttachment("values-1.json").json()
[d3.min(vls), d3.max(vls)]
import {chart as chartv} with {vls as data} from "@d3/histogram"
chartv
viewof mu = Scrubber(d3.ticks(-5,5, 200),{
format: x => `mu = ${d3.format("+.2d")(x)}`,
autoplay: false,
alternate: true
})
vls_gen = Float64Array.from({length:2000}, d3.randomNormal(mu, 2))
x = d3.scaleLinear([-10, 10])
x
import {chart as chartv3, width} with {x, vls_gen as data, height} from "@d3/histogram"
chartv3
md`## Scrubber on Covid Data`
function get_covid_values(i){
return Object.values(confirmed[i]).slice(1)
}
confirmed.length
viewof cdate= Scrubber(d3.ticks(0, confirmed.length, 10),{
format: x => `cdate = ${d3.format("+.2d")(x)}`,
autoplay: false,
alternate: true
})
vls_states = get_covid_values(cdate)
import {chart as chart_states} with {vls_states as data, height} from "@d3/histogram"
chart_states
import {Scrubber} from "@mbostock/scrubber"
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.
