Published
Edited
Jul 7, 2019
viewof numberinput = html `<input type="range" min="0" max="100"/>`
triangle={
const svg=d3.select(DOM.svg(width,h));
let triangle=svg.selectAll("path1")
.data(Triangle)
.enter()
.append("path")
.attr("d",triangleSVG)
.attr("stroke","transparent")
.attr("fill","black")
let polygon=svg.selectAll("path2")
.data(polygonSVG)
.enter()
.append("path")
.attr("d",polygonSVG)
.attr("stroke","white")
.attr("stroke-width",2)
.attr("fill","red")
return svg.node()
}
triangleSVG=lineFunction(Triangle)+ lineFunction(line03)
polygonSVG=lineFunction(polygon03)
lineFunction = d3.line()
.x((d)=> d.x )
.y((d)=> d.y )//function to draw path line from data
d3=require ("https://d3js.org/d3.v5.min.js")
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.
