Learn D3.js Bundle
$75.00
Suggested price
$45.00
Bundle Price

Learn D3.js Bundle

About the Bundle

This bundle includes two books: D3 Start to Finish and Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation.

Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation contains foundation material for D3 Start to Finish. It's ideal if you're a programmer and need to get up to speed with HTML, SVG, CSS and JavaScript.

  • Share this bundle
  • Categories

    • Graphics
    • JavaScript
    • D3.js
    • Data Science
    • Web Development
    • HTML
    • CSS

About the Books

D3 Start to Finish

Learn how to make a custom data visualisation using D3.js.
  • 249

    Pages

  • 38,510

    Words

  • 100%

    Complete

  • PDF

  • EPUB

  • WEB

D3 Start to Finish teaches you how to build a custom, interactive and beautiful data visualisation using the JavaScript library D3.js (versions 6 and 7).

The book covers D3 concepts such as selections, joins, requests, scale functions, event handling and transitions. It also covers general web development techniques such as state management and modularisation. In other words, everything you need to know to build a real world, custom data visualisation.

You'll also learn how to put these concepts into practice by building an interactive data visualisation called Energy Explorer. This is a custom data visualisation that visualises the energy mix of 141 countries. There are 15 separate build steps and you're taken through each step in detail. There's also a code download link for all 15 steps so you can follow along.

Some of the topics covered are:

  • requesting CSV data using D3
  • D3 data joins (including joining nested data)
  • architecting a data visualisation using a layout function
  • detailed styling using CSS
  • adding a popup using Flourish's popup library
  • state management
  • animations using D3 transitions
  • data manipulation using Lodash
  • adding a menu, legend and footer

To get the most out of this book you need to be familiar with HTML, SVG, CSS and JavaScript. If you need to get up to speed with these languages I recommend my book Fundamentals of HTML, CSS, SVG & JavaScript for Data Visualisation. I've bundled both books together at a reduced cost (visit bundle).

You’ll also need a text editor (such as VS Code or Brackets), a local web server and a web browser. The book contains two appendices that help you get these set up.

To keep things simple build tools such as webpack aren't used. If you'd like to cover ES2015 modules, webpack and other advanced topics have a look at the Advanced Edition package. D3 version 7 is used in this book.

Advanced Edition

The Advanced edition contains additional material including:

  • how to transform the raw data from the World Bank into the required format
  • how to make Energy Explorer responsive to different device sizes
  • how to add dark mode to Energy Explorer
  • ES2015 modules and webpack
  • how to make Energy Explorer using ES2015 modules and webpack

The Advanced edition is for experienced developers and requires familiarity with Node.js and the command line.

Fundamentals of HTML, SVG, CSS and JavaScript for Data Visual...

  • 85

    Pages

  • 14,308

    Words

  • 100%

    Complete

  • PDF

  • EPUB

  • WEB

This book covers the fundamentals of HTML, SVG, CSS and JavaScript for visualising data.

If you're wanting to learn D3.js (or other JavaScript visualiation libraries) and need to get up to speed with HTML, SVG, CSS and JavaScript, this book is ideal. It goes through the basics of these languages, and gives a good foundation for learning libraries such as D3.js.

It's also useful if you're coming from a language such as Python or R and use tools such as Dash and Shiny. If you're wanting to customise your web applications and CSS and JavaScript are a stumbling block then this book should help.

This book doesn’t assume prior knowledge of HTML, SVG, CSS and JavaScript but it’ll be helpful if you’ve some coding experience. Being familiar with a text editor (or IDE) will also be helpful.

It’s by no means a comprehensive tutorial on HTML, SVG, CSS and JavaScript. You’d need a much bigger book for that. Think of this book as presenting the minimum of what you ought to know if you’re wanting to work with web based data visualisations.

This book is an ideal foundation for D3 Start to Finish.

The Leanpub 60-day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

See full terms

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub