block by eesur 6992045bafc8da95b98b

D3 Line chart with toggle legend

Full Screen

D3 Multiple Line chart with toggle legend

Line chart updates the yAxis depending on selection from the legend.

The legend uses purecss for the menu, which can be made into a responsive menu.

The legend has been added to the re-useable components from ScottLogic’s awesome d3-financial-components

index.html

chart.js

custom.css

dataConfig.js

defaultConfig.js

legend.js

lineMultiple.js

pseudo_data.json