I make elections graphics and other stuff.
size = 50;
ladMap = d3.csvParse(await FileAttachment('lad_map.csv').text())
partyColors = [
{color: "#0087DC", name: "Con"},
{color: "#DC241f", name: "Lab"},
{color: "#FAA61A", name: "LD"},
{color: "#c3b203", name: "SNP"},
{color: "#D46A4C", name: "DUP"},
{color: "#6AB023", name: "Green"},
{color: "#008142", name: "PC"},
{color: "#326760", name: "SF"}
]
jsonData = await FileAttachment('2015-results.json').json()
d3 = require("d3@5")
line = d3.line()
.x(d => x(d.year))
.y(d => y(d.val));
x = d3.scaleLinear()
.domain([15, 17])
.range([0, size - 5]);
y = d3.scaleLinear()
.domain([0, 1])
.range([size - 5, 0]);
height = 500
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.
