d3 / d3-axis

Human-readable reference marks for scales.

Home Page:https://d3js.org/d3-axis

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Render in vanilla HTML?

IPWright83 opened this issue · comments

I want to propose the idea of rendering axis in pure HTML (rather than SVG).

SVG is great for it's power, but I've found generally text manipulation/styling is generally much more difficult. With regular HTML I believe we could leverage things such as auto-truncation of long labels in CSS, simpler sizing of fonts etc.

Be interested to know thoughts on this (obviously would be a re-implementation of the renderer). I was taking a look at a Parallel Co-ordinates chart at the time and thinking there's quite a bit of work to be done with scaling and contrast to make the chart more accessible.

I have no interest in writing an HTML version of the axis component, sorry. You are welcome to fork this repository and take a crack it yourself. Good luck!

@mbostock No problem - I thought that might be the case. I wonder, have you had many issues with font size/text length in examples you've built? Or have you managed to avoid this with bespoke charts?

I've often found in re-usable charts I've hit this problem, and in this case using a plug-in I'm left with little control other than selecting the DOM after generation and modifying, which is a little frustrating.