Example things I like: geometry, trippy geometry, recursion, maps. 👌
data = d3
.range(rawData.time.length)
.map(i => Object.fromEntries(properties.map(key => [key, rawData[key][i]])))
plateausTotalDuration = d3.sum(
plateaus.map(([startTime, endTime]) => endTime - startTime)
)
line = turf.lineString(rawData.latlng.map(flip))
segments = turf.lineSplit(line, splitters.exit);
outsideSegments = segments.features.filter(
f => !booleanCrosses(f, splitters.courseCenterLine)
)
flip = array => array.slice().reverse();
createX = width =>
d3
.scaleLinear()
.domain(poiBounds.surroundings.map(([lng]) => lng))
.range([0, width])
createY = height =>
d3
.scaleLinear()
.domain(poiBounds.surroundings.map(([lng, lat]) => lat))
.range([height, 0])
raceResult = ({
hours: 1,
minutes: 10,
seconds: 25
})
/**csv = {
const csv =
"lat,lng," +
properties.slice(1).join(",") +
"\n" +
data.map(d => Object.values(d).join(",")).join("\n");
console.log(csv);
return csv;
}*/
import { html, svg } from "@observablehq/htl"
plateauAnalysisInputData = data.map(d => ({
state_name: "",
year: d.time,
value: d.distance
}))
plateauStyle
html`<style>
svg {
border: 1px solid #555;
box-sizing: border-box;
}
</styl>`
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.
