Student of math, d3, svg, etc. Prototyper of visualizations for electronics design and test.
circleLegend(d3.select(chart), [0, 100], [0, 40])
.x(width - 110)
.y(height - 50)
.values([10, 50, 100])
//.domain([0, 100]) // the values min and max
//.range([0, 40]) // the circle area/size mapping
.circleColor('#333333')
.textColor('#333333')
.suffix(' dBm')
.textPadding(50)
.render()
circleLegend(d3.select(chart), [0, 1800], [1, 60])
.x(width-300)
//.y(height - margin.bottom - height/6)
.y(height - 50)
// d3.extent(csvdata, d => d.Bandwidth)
.values([10, (1800/2), 1800])
//.domain([-100, 0]) // the values min and max
//.range([0, 40]) // the circle area/size mapping
.domain([0, 1800]) // the values min and max
.range([1, 40]) // the circle area/size mapping
.circleColor('#333333')
.textColor('#333333')
.suffix(' Hz')
.textPadding(55)
.render()
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.
