Building charts and data visualization is awesome. D3 provides amazing capabilities in that domain.
I previously explained how to create the various building blocks of a chart, but one thing is lacking: how to make the chart behave properly at all screen resolutions, aka responsive? Starting from where I left off in the previous post, I will explain how to make a chart responsive. Code can be found on GitHub. (more…)
Posted by huguesstefanski on January 23, 2016
this keyword. However, TypeScript has its own way of dealing with
this that makes the interaction trickier. In this article, I will try guiding you to a way of responding to events with TypeScript.
Posted by huguesstefanski on October 25, 2015
In the previous article, we managed to get data displayed on a time-based chart. Though interesting, this chart is a bit monolithic and quite hard to reuse. The chart class is far from respecting the single responsibility principle, as it fetches the data, renders these, manipulates axes, etc. This article will focus on refactoring the code and somehow improve the lookout of the chart.
Posted by huguesstefanski on October 4, 2015
In the previous article, we ended up with a nice axis drawn using d3, as a starting point to a fully working chart. We will continue to build on what we did previously.
Posted by huguesstefanski on June 28, 2015
Through this series of articles, I will try to get you:
- understanding how D3 works and how easy it can be to create simple things
- seeing an added value in using TypeScript
- creating a basic build process that will help your development
You can find the completed code for this article here.
Updated on 2016-04-12 to use the new D3 types (generics).
Posted by huguesstefanski on June 7, 2015