D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
kforeman
Full window
Github gist
axis minor tickSize bug
<!DOCTYPE html> <meta charset="utf-8"> <head> <style> .axis path,line { stroke: #000; fill: none; } .axis text { fill: #000; } </style> <script src="https://d3js.org/d3.v3.min.js"></script> </head> <body> <svg width='400px' height='400px'> <script> var sc = d3.scale.linear().range([50,350]); var ax1 = d3.svg.axis() .scale(sc) .tickSubdivide(1) .tickSize(10, 5); var lb1 = d3.select('svg').append('g') .attr('transform', 'translate(0,100)') .classed('axis', true) .call(ax1); var ax2 = d3.svg.axis() .scale(sc) .tickSubdivide(1) .tickSize(10, 5, 0); var lb2 = d3.select('svg').append('g') .attr('transform', 'translate(0,200)') .classed('axis', true) .call(ax2); </script> </body>
Modified
http://d3js.org/d3.v3.min.js
to a secure url
https://d3js.org/d3.v3.min.js