About the Author
Nick Zhu is a professional programmer and data engineer with more than a decade experience in software development, big data, and machine learning. Currently, he is one of the founders and CTO of Yroo - meta search engine for online shopping. He is also the creator of dc.js—a popular multidimensional charting library built on D3.
Learn the basic concept of SVG and D3's support forSVG shape generation.
D3 line generator is probably one of the most versatile generators. It is implemented using the svg: pathelement. In this video, we will draw multiple lines using the d3.svg.line generator.
By default, the D3 line generator uses the linear curve mode.D3 supports a number of different curve factories. The curve function determines how data points will be connected.
Area generator also supports identical interpolation mode,and hence, it can be used in combination with the line generator in every mode. In this video, we will show how interpolation mode is configured.
D3 also provides the arc generator. The D3 arc generator is capable of creating not only circles but also annulus (donut), circular sector, and annulus sector, all of which we will learn in this video.
One area where arc differs significantly from other shapes, such as line and area, is its transition. In this video, we will explore the arc transition technique.
A scatterplot or scattergraph is another common type of diagram used to display data points on Cartesian coordinates with two different variables. In this video, we will learn how to implement a multi-series scatterplot chart in D3.
An enclosure diagram is a visualization that uses recursive circle packing algorithm. In this video, we will implement this visualization using the D3 pack layout.
Zooming and panning are common and useful techniques in data visualization, which work particularly well with SVG-based visualization, since vector graphic does not suffer from pixilation as its bitmap counterpart. Let’s explore D3's built-in support for both zooming and panning.
One objective of force layout's design is to loosely simulate the motion of particles, and one major feature of this simulation is the force of charge.In this video, we will introduce you to the first two fundamental forces: gravity and charge.
We learned to use force simulation visualizing particles and links similar to how you would use force in its classic application: the forced-directed graph. This kind of visualization is what force simulation was designed for in the first place. Let’s explore techniques,called force-assisted visualization
Finally, we will see how to implement a force-directed graph, the classic application of D3 force. However, we believe with all the techniques and knowledge you have gained so far from this section, implementing force-directed graph should feel quite straightforward.
Before we start writing our unit test cases, we need to set up an environment where our test cases can be executed to verify our implementation. In this video, we will show how this environment and necessary libraries can be set up for a visualization project.
Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.
With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.
From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.
Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.