D3 Brush & Zoom line chart

Click on the links below to compare the time it takes to read the specified number of data values from a CSV file and then plot them to a 2D chart created using the D3.js JavaScript library with modifications to the Brush & Zoom area chart by Efrat Vilenski (source: https://bl.ocks.org/EfratVil/92f894ac0ba265192411e73f633a3e2f).   The x-axis consists of date/time to milliseconds.   Note that the 2D chart plot will fail if the CSV date/time values don't have sequential incremented values.   As a result, the data plotted is limited to a sample rate of 1000 Hz.  

220 data points     10,000 data points     120,000 data points     600,000 data points     3,000,000 data points    

Double click on the upper 2D chart to zoom in.   Double click on the non-gray area of the lower 2D chart to zoom to extents.  


https://bl.ocks.org/EfratVil/92f894ac0ba265192411e73f633a3e2f

https://d3js.org/