Data visualization software enginner: working to make visualization more accessible, equitable, and impactful.
import { select, color, button, text, checkbox, slider} from "@jashkenas/inputs"
// Load the lodash library
_ = require("lodash")
import { code_styles } from "@info474/utilities"
code_styles
viewof basecolor = color()
viewof sides = slider({ min: 3, max: 11, step: 1 })
svg`
<svg height=300 width=${width}>
${_.range(sides).map(d => {
return `<polygon transform="translate(140,100)" fill="transparent" stroke-width="1" stroke="black"
points="${get_path(d)}"/>`;
})}
<path>
</svg>`
line_path = _.range(sides)
.map(d => [Math.cos(2*Math.PI*(d+1)/sides)*100, Math.sin(2*Math.PI*(d+1)/sides)*100])
.join(' ')
get_path = sides => {
return _.range(sides)
.map(d => [
Math.cos((2 * Math.PI * (d + 1)) / sides) * 100,
Math.sin((2 * Math.PI * (d + 1)) / sides) * 100
])
.join(' ');
}
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.
