D3.js, SVG, Polar Coordinates, CSS

2017/11/09 code web

Now that reactive web frameworks based on virtual DOM are all the rage, D3.js has lost some of its luster. However, but it is still quite useful to generate paths from arc descriptions, as well as other related utility functions.

The use of an unconventional HTML attribute, and its selectors, was required to keep in line with the project's style guidelines.

The CSS selector way of handling hover is kinda funky.

This is the kind of payload we are expecting.

The original sample named some variables in a fairly funky way (r?), but again, it's Mike Bostock so I wasn't going to argue with him.

The text-curving behavior provided by SVG here I will definitely use in the future.