This is the code repository for Hands-On Data Visualization with D3.js 5.0 [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.
The student will create stunning data visualizations using D3.js v5 and SVG. This course will teach students about scales by converting data into visuals to work on any browser or device. I have included examples with multiple transitions & animations in graphs to make them more interesting & appealing to the users. This course will also guide students to build interactive bar charts, scatter plots and force layouts by manipulating big amounts of data. We will also create choropleth maps and layouts to display visual patterns on geographical locations. By the end of this course, students will have learned how to visualize data and code more effectively. Students will build their own data models with D3.js that are much faster & with ease.
- How to set up a local server in a few easy steps
- Load data using JavaScript or external sources (JSON)
- What scales are and the different types of scale
- Explore the potential of animations and interactivity
- Use multiple transitions and make user-friendly charts
- Build an animated bar graph and scatter plot
- Learn about the force layout and when you should use it
- Learn about GeoJSON, projections, and choropleth maps
To fully benefit from the coverage included in this course, you will need:
● Prior working knowledge of the JavaScript (ES5) language
● A basic understanding of D3.js
● A basic understanding of SVG
● An understanding of basic HTML and CSS syntax.
This course has the following software requirements:
● An editor like Atom, Sublime Text or Visual Studio Code
● Internet connection (preferably working with Chrome)
This course has been tested on the following system configuration:
● OS: Windows 10
● Processor: Dual Core 5.0 Ghz
● Memory: 6GB
● Hard Disk Space: 200MB