Published
Edited
May 20, 2020
1 fork
Importers
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
colours = ({
pink: '#e6007e',
orange: '#fa7921',
yellow: '#ffca3a',
hyperGreen: '#00e68d',
// hyperGreen2: '#59e48e',
green: '#09bf3d',
// teal: '#00c8c7',
skyBlue: '#66c7f4',
blue: '#1300e6',
purple: '#b71fed'
// limeGreen: '#8cca3a'
// waterBlue: '#0074ff'
})
Insert cell
d3 = require('d3@v5')
Insert cell
{
const svg = d3.create('svg');

svg.call(render.default, [
{
append: 'circle',
r: 100,
fill: colours.yellow
}
]);

return svg.node();
}
Insert cell
render = require('d3-render@0.2.4')
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