Classic D3 Examples
Old school D3 from simpler times
kataquino
Full window
Github gist
fresh block
Built with
blockbuilder.org
<!DOCTYPE html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> <style> body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; } svg { width: 100%; height: 100%; } </style> </head> <svg> <circle r = '31' cx = '50' cy = '179' fill = '#ea000f'></circle> </svg> <body> <script> var i = 4; var width = 500; var height = 500; var body = d3.select('body'); var header = body.append('h1') .text('kat') .attr('id', 'main') .attr('class', 'header'); console.log(header.attr('class')); body.append('h1') .text('Jonathan') .attr('class','header'); d3.select('#main') .style('font-size', '50px') .style('color', 'magenta'); d3.selectAll('.header') .style('font-family', 'helvetica') </script> </body>
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js