Fork me on GitHub

Project Notes

Dynamically Updating D3 Charts

How to dynamically update data in a D3 document


In summary:

  • add or remove data
  • re-plot the chart

There has to be a better way of manipulating data without removing and adding? Still searching, learning…

The example_circles.html is based on Updating Dynamic Data in D3 It demonstrates simple add/removal of data points.


The example_bar_chart.html takes the same approach with a bar chart based on Part 1: Creating a simple bar chart with D3, but with added labels and interaction.


The example_alphabet.html is base on General Update Pattern, I

Credits and References

About LCK#77 javascriptgraphics
Project Source on GitHub Return to the Project Catalog

This page is a web-friendly rendering of my project notes shared in the LittleCodingKata GitHub repository.

LittleCodingKata is my collection of programming exercises, research and code toys broadly spanning things that relate to programming and software development (languages, frameworks and tools).

These range from the trivial to the complex and serious. Many are inspired by existing work and I'll note credits and references where applicable. The focus is quite scattered, as I variously work on things new and important in the moment, or go back to revisit things from the past.

This is primarily a personal collection for my own edification and learning, but anyone who stumbles by is welcome to borrow, steal or reference the work here. And if you spot errors or issues I'd really appreciate some feedback - create an issue, send me an email or even send a pull-request.