block by curran baab51d65ffe28b1afdb

Incremental Data Loading

Full Screen

This example shows one way to load data files one by one, and re-render the visualization each time more data is fetched. This data set presents temperature in San Francisco every hour, over 26 days. The data for each day is in a separate CSV file. Here is more information about this data, and here’s the script that generated these files.

This just shows how to load data incrementally. For ideas on how to make this look even smoother, see this Path Transitions article by Mike Bostock.

This example was created to address this conversation on the D3 Google Group: Is it possible to smoothly load 200MB data to remote clients’ browser with D3?.

The line chart visualization code is based on a previous example: Standalone Line Chart.

index.html

day1.csv

day10.csv

day11.csv

day12.csv

day13.csv

day14.csv

day15.csv

day16.csv

day17.csv

day18.csv

day19.csv

day2.csv

day20.csv

day21.csv

day22.csv

day23.csv

day24.csv

day25.csv

day26.csv

day3.csv

day4.csv

day5.csv

day6.csv

day7.csv

day8.csv

day9.csv