Published
Edited
Oct 12, 2020
Importers
Insert cell
Insert cell
{
const data = [
Object({
name: 'Pakistan',
value: 1,
group: 'Asia'
}),
Object({
name: 'Sri Lanka',
value: 1,
group: 'Asia'
}),
Object({
name: 'England',
value: 1,
group: 'Europe'
}),
Object({
name: 'West Indies',
value: 2,
group: 'Americas'
}),
Object({
name: 'India',
value: 2,
group: 'Asia'
}),
Object({
name: 'Australia',
value: 5,
group: 'Asia'
})
];
return drawBubbleChart(data, {});
}
Insert cell
d3 = require('d3')
Insert cell
import { addDefaults } from '@nuuuwan/option-utils'
Insert cell
import { getSVG, drawText2 } from '@nuuuwan/svg-utils'
Insert cell
Insert cell
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.

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