Entries

Facebook Report Tool
Sparked's Facebook report tool helps brands on assesing their fan engagement and presents this data with beautiful and animated d3.js powered graphs.
D3.js
Dataviz
JavaScript
CSS
Enterprise
Developing a D3.js Edge
Developing a D3.js Edge suggests a series of best practices that provide a way of developing professional and reusable D3.js graphs.
D3.js
Dataviz
Frontend
TDD
Books
Mastering D3.js by Pablo Navarro Castillo
I have read several D3 related books. They tend to be small, but this one is pretty broad and thorough, covering a good amount of chart types, library integrations and tricks. It is hands down the best book about D3.js out there.
D3.js
Dataviz
Frontend
Books
D3.js Resources to Level Up
Whatever your current level is, you can get to the next level of D3.js development through a myriad o resources. I have gathered a bunch of those in this post to help you improving your D3 coding skills.
D3.js
Dataviz
Frontend
Books
Leveling up D3, The Reusable Chart API
The first post in a series where you will see how to improve your D3.js charts by using the Reusable API, a Test-Driven approach and good quality code..
D3.js
Dataviz
Frontend
Leveling Up D3, Test Driven Development
In the second post of this series, learn how you can further advance your workflow by using Test-Driven Development when building your D3.js charts..
D3.js
Dataviz
Frontend
Leveling Up D3, Events and Refactorings
In the third and final post in the Leveling Up D3 series we carry out a refactoring made possible by our tested, shiny, and quality code..
D3.js
Dataviz
Frontend
Eventbrite's Analytics Reports
Analytics Reports are a set of dashboards that show Eventbrite's event creators' data. They are seven different dashboards with information about Sales, Traffic, Attendee Geography, and Check-In levels.
JavaScript
Dataviz
CSS
D3.js
Eventbrite's Organizer Dashboard
The Legacy Event Dashboard was a highly trafficked landing page for event creators' data. Read how I evolved its architecture and aesthetics to achieve 15% more visits.
JavaScript
Dataviz
CSS
Enterprise
Britecharts - Reusable Charting Library
Britecharts is a reusable Charting Library based on D3.js. It allows you to compose charts intuitively, creating beautiful interactive data visualizations. Read more about this popular project that amassed 3.7K stars on GitHub.
JavaScript
Dataviz
CSS
D3.js
OSS
Library
Better D3 charts with TDD
People often begin building D3.js charts by starting with examples and customizing them to their needs. But what's next! How do you level up your skill to architect your D3.js projects effectively, mastering the art of building maintainable D3.js charts you can really be proud of?
D3.js
Dataviz
JavaScript
Britecharts
Create beautiful test-driven data visualisations with D3.js
Everyone loves data visualisation – it’s a quick and easy way to turn stats into something that’s good looking and understandable. Find out how you can use D3.js to create visualisations that look great.
D3.js
Frontend
JavaScript
Dataviz
React, D3 and their ecosystem
React and D3 are tools designed for goals that collide, as they control the DOM in different ways. In this talk, you will learn how to build React apps with the power of D3, the different strategies, and libraries for your work or side projects.
D3.js
React.js
Dataviz
JavaScript
Britecharts

Sparked's Facebook report tool helps brands on assesing their fan engagement and presents this data with beautiful and animated d3.js powered graphs.

Developing a D3.js Edge suggests a series of best practices that provide a way of developing professional and reusable D3.js graphs.

I have read several D3 related books. They tend to be small, but this one is pretty broad and thorough, covering a good amount of chart types, library integrations and tricks. It is hands down the best book about D3.js out there.

Whatever your current level is, you can get to the next level of D3.js development through a myriad o resources. I have gathered a bunch of those in this post to help you improving your D3 coding skills.

The first post in a series where you will see how to improve your D3.js charts by using the Reusable API, a Test-Driven approach and good quality code..

In the second post of this series, learn how you can further advance your workflow by using Test-Driven Development when building your D3.js charts..

In the third and final post in the Leveling Up D3 series we carry out a refactoring made possible by our tested, shiny, and quality code..

Analytics Reports are a set of dashboards that show Eventbrite's event creators' data. They are seven different dashboards with information about Sales, Traffic, Attendee Geography, and Check-In levels.

The Legacy Event Dashboard was a highly trafficked landing page for event creators' data. Read how I evolved its architecture and aesthetics to achieve 15% more visits.

Britecharts is a reusable Charting Library based on D3.js. It allows you to compose charts intuitively, creating beautiful interactive data visualizations. Read more about this popular project that amassed 3.7K stars on GitHub.

People often begin building D3.js charts by starting with examples and customizing them to their needs. But what's next! How do you level up your skill to architect your D3.js projects effectively, mastering the art of building maintainable D3.js charts you can really be proud of?

Everyone loves data visualisation – it’s a quick and easy way to turn stats into something that’s good looking and understandable. Find out how you can use D3.js to create visualisations that look great.

React and D3 are tools designed for goals that collide, as they control the DOM in different ways. In this talk, you will learn how to build React apps with the power of D3, the different strategies, and libraries for your work or side projects.