Published
Edited
Nov 13, 2020
2 forks
Importers
26 stars
Insert cell
Insert cell
Insert cell
Insert cell
data = [
{'item':'Fork', 'items_sold': 1, 'row_id': 1, 'product_id': 'A30'},
{'item':'Fork', 'items_sold': 2, 'row_id': 2, 'product_id': 'A30'},
{'item':'Spoon', 'items_sold': 2, 'row_id': 3, 'product_id': 'B10'}
]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3.nest().key(d => d.item).entries(data)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3.nest().key(d => d.items_sold).rollup(d => d.length).entries(data)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
{
return d3.map(data, d => d.item)
}
Insert cell
Insert cell
{
var mappedData = d3.map(data, d => d.item)
return mappedData.get('Fork')
}
Insert cell
Insert cell
{
var mappedData = d3.map(data, d => d.item)
return mappedData.get('Fork').product_id
}
Insert cell
Insert cell
Insert cell
data.map(d => d.item)
Insert cell
Insert cell
html`<li>${data.map(d => d.item).join('<li>')}`
Insert cell
Insert cell
Insert cell
d3.nest().key(d => d.item).entries(data).map(d => d.key).join('<br />')
Insert cell
Insert cell
html`<input type="checkbox">${d3.nest().key(d => d.item).entries(data).map(d => d.key).join('<br /><input type="checkbox">')}`
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