colorType = d3.scaleOrdinal()
.range(['#F64C27','#8B80F9'])
.domain(['Important','Missing'])
ManualBert_words@3.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
titleData = dataRow.filter(function(d){ return d.Topic == "-1"})
data = dataRow.filter(function(d){ return d.Topic != "-1"})
width = d3.sum(data, d=>d.width)+"px"
parseFont = selectedFont.split(" ").join("+")
html`
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=${parseFont}:ital@0;1&display=swap">
<style>
body, svg {
font-family: '${selectedFont}', serif;
/* font-size: 48px; */
}
</style>
`
x = d3.scaleLinear()
.domain([d3.min(data, d=>d.x),d3.max(data, d=>d.x)])
y = d3.scaleLinear()
.domain([d3.min(data, d=>d.width),d3.max(data, d=>d.width)])
import { swatches } from "@d3/color-legend"
d3 = require("d3@5")
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.
