将交互性添加到D3折线图

Question

背景

我正在尝试在D3（版本4）之上构建一个小型库，我只使用最少数量的模块来绘制这样的折线图：

当前状态

我想你可以说我已经成功，它是一个废话库，但仍然。我只能使用以下方法绘制折线图：

var chart = new DataChimp.LineChart('.selector').data('apiURL').draw();

这是事情中的CodePen。

下一步

我想添加交互性，以便当用户选中复选框时，我会在图表上绘制第二行（不同颜色）

WHY

我从中获得的学习，将用于实际绘制更有用的第二行（例如平均线）

你做了什么

我使用丑陋/ hacky删除所有内容的方法（例如抓取SVG并将其从DOM中删除），然后用2行重绘整个内容。

我在这里知道是否有更好，更清洁的方式。我的所有代码都位于此公开GitHub repo。