graph = {
const myData =
d3.range(25)
.map((d, i) => {
return { x : 200 + Math.random() * 0.1, y : 100 + Math.random() * 0.1 }
});
var height = 300
const svg = d3.select(DOM.svg(width, height));
const radius = 5;
const force = d3.forceSimulation(myData)
.force("charge", d3.forceCollide().radius(radius).strength(.55))
.force('r', d3.forceRadial(80, 100, 100).strength(1.5))
const node = svg.selectAll('.node')
.data(myData)
.enter().append('circle')
.attr('class', 'node')
.attr('r', radius)
force.on('tick', () => {
node
.attr("cx", d => d.x)
.attr("cy", d => d.y);
})
return svg.node();
}
import {data, genres, d3 } from '@lsei/more-discogs-country-stuff'
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.
