2015
Packt Publishing
Michael Westbay
1:49
English
Most of the available data we have access to is in the form of numbers, tables, and Excel spreadsheets. Wouldn't it be great if all this data magically sprung up colorful charts, graphs, and clouds? The D3 JavaScript library is that magic wand to get all the work done with a wave of your hand or a few lines of code. Everything you require to make your data display in aesthetic awe can be achieved using D3.js.
Rapid D3.js begins with setting up your development environment, and then dives into how data binding works and how it's similar to jQuery. We’ll take a look at building a football fan site and using spreadsheet data (TSV) to build a team roster, and learn about scaling, drawing axes, data manipulation, and even how to animate bars in five amazingly simple lines of code.
Driving HTML tables is nice, but what we really want to see is graphics. So next, we’ll build a histogram from a CSV file of goals scored over the season. But D3 isn't just for building tables or creating graphs. You can also build a website framework driven from a CSV file. We’ll also be creating a simple Bootstrap menu, and the possibilities demonstrated by this quick mini project are limitless.
Finally, we'll take a couple of sample D3 visualizations such as Word Cloud and Sunburst and incorporate our data into them. Last but not least, we'll see how to build a website menu framework and techniques on how to utilize third-party visualizations within it.
This video course will take you from the foundational bindings of Data-driven Documents to understanding strategies to create and extend amazing visualizations.
Michael Westbay
Author and Course Introduction
Setting Up a Development Environment
Driving a Document with Data – Manually
Driving an HTML Table
Creating an HTML Table from the Spreadsheet Data
Filtering Data in an HTML Table
Sorting by Columns
Striping the Table
Graphing the Data
Creating a Bar Chart
Scaling the Graph
Adding the X and Y Axes
Animating the Graph
Dealing with Dates and Interacting with Charts for Detail
Transforming Data
Drawing Lines
Formatting the Date Axis
Adding a Legend
Ranking Teams
Viewing Details
Collating Everything Together
Navigating the Site
Partying with Third-party Layouts
Creating a Word Cloud
Adding a Sunburst
Displaying Details
Labeling Sunburst Arcs
Download File Size:415.5 MB
|
