Book Image

Learning D3.JS 5.0 [Video]

By : Eleftheria Batsou
Book Image

Learning D3.JS 5.0 [Video]

By: Eleftheria Batsou

Overview of this book

<p><span id="description" class="sugar_field">D3 (or D3.js) is a JavaScript library for visualizing data using web standards. It helps you bring data to life using SVG, Canvas, and HTML by combining powerful visualization and interaction techniques.</span></p> <p><span id="description" class="sugar_field">In this course, you’ll learn about SVG, see how D3.js offers a comprehensive set of visualization tools for your data analysis goals, and how to use these tools. You’ll load data internally or externally while creating stunning data visualizations using D3 and SVG. You’ll build line graphs, scatter plots, area charts, interactive tree diagrams, and customize your own map. You’ll also understand and use methods, functions, layouts, and selections to manipulate the DOM using D3. Finally, you’ll understand the enter and exist modes, the click and update functions, projections, and the Geojson format in D3 V5.</span></p> <p><span id="description" class="sugar_field">By the end of this course, you’ll have learned some exciting tips, best practices, and techniques for your data representation and data analysis and will be able to build your own data models with D3.js much faster and with ease.</span></p> <p><span id="description" class="sugar_field">The code bundle for this course is available at <a style="font-weight: normal;" href="https://github.com/PacktPublishing/Learning-D3.JS-5.0" target="_new">https://github.com/PacktPublishing/Learning-D3.JS-5.0</a></span></p> <h1><span class="sugar_field">Style and Approach</span></h1> <p><span class="sugar_field"><span id="trade_selling_points_c" class="sugar_field">This course is a step-by-step tutorial with a focus on practical examples for you to implement on your own. As you work through the videos, you’ll progressively learn the necessary skills to become a pro D3.js developer. This will help you not only make sense of huge amounts of data, but also represent it in an aesthetic and sleek manner.</span></span></p>
Table of Contents (10 chapters)
Chapter 4
Selecting Elements in D3.js V5
Content Locked
Section 1
The Setup
In this video, we will set up the files and add the D3.js library. - Create the HTML, CSS, and JS file - Navigate to GitHub to access the D3.js library - Make sure the library is added correctly by checking the console in the developer tools