D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
timurcatakli
Full window
Github gist
Peace Sign
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://d3js.org/d3.v4.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } svg { width: 100%; height: 100%; background-color: gold; } </style> </head> <body> <svg></svg> <script> const colors = d3.scaleOrdinal(d3.schemeCategory20c) const data = [33,33,33] const pies = d3.pie()(data) const arc = d3 .arc() .innerRadius(0) .outerRadius(150) .startAngle(d => { console.log(d) return d.startAngle }) .endAngle(d => d.endAngle) const svg = d3 .select('svg') .append('g') .attr('transform', 'translate(200,200)') svg .selectAll('path') .data(pies) .enter() .append('path') .attr('d', arc) .attr('fill', (d, i) => colors(d.value)) .attr('stroke', 'black') .attr('stroke-width', '40') </script> </body>
https://d3js.org/d3.v4.min.js