Fork me on GitHub

Project Notes

#083 Updating D3 Charts

How to dynamically update data in a D3 document

Notes

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.

example_circles

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.

example_bar_chart

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

Credits and References

About LCK#83 javascriptgraphics

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

Project Source on GitHub Return to the LittleCodingKata Catalog
About LittleCodingKata

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.

Follow the Blog follow projects and notes as they are published in your favourite feed reader