D3.js - the art of data visualization from Udemy

What's inside

Syllabus

Development Environment

Simple Development Environment

Development Environment (webpack)

Development Environment - the quick way

Basics

Selection

Data Binding

Functions enter() and exit()

Adding SVG

d3-selection-multi

SVG

Basic Shapes

Path Element

Appearance Attributes

Text Element

Text on Path

Data

Statistical Functions

Histogram

data vs. datum

Interactions

Dragging

Event handling

Slider Project - Introduction

Slider Project - Solution

Scales

Continuous Scales (linear, power, logarithmic)

Quantize Scales

Ordinal Scales (scaleOrdinal)

Ordinal Scales (scaleBand)

Ordinal Scales (scalePoint)

Diverging scales

Time Scale

Axes

Axis Generator

Axes Styling

Grid

Animations

Transitions

Easing

Bubble Chart Challenge

Bubble Chart - Assignment

Bubble Chart - Solution

Forces

Force Simulation - Nodes and Links

Force Simulation - Forces

Force Simulation - Dragging

Force Simulation Challenge - Introduction

Force Simulation Challenge - Solution

Path Generators

Line Generator

Area Generator

Arc and Pie Generators

Links and Layouts

Symbol Generator

Stacks

Final Project - Stream Chart

Project Introduction

Loading Data from *.json file

Data Reshaping and Scales

Drawing Areas

Adding the Legend

Labels Update

Markers

Axis and Gridlines

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in D3.js - the art of data visualization with these activities:

Review Basic JavaScript Concepts

Show steps

Reviewing JavaScript fundamentals will help you better understand how D3.js manipulates the DOM and handles data.

Browse courses on JavaScript Fundamentals

Show steps

Read through a JavaScript tutorial.
Practice writing basic JavaScript functions.
Review DOM manipulation concepts.

Read 'Interactive Data Visualization for the Web' by Scott Murray

Show steps

Reading this book will provide a deeper understanding of D3.js concepts and techniques.

View Interactive Data Visualization for the Web: An... on Amazon

Show steps

Read the introductory chapters.
Work through the example code.
Experiment with different visualization techniques.

Create a Simple Bar Chart

Show steps

Building a simple bar chart will help you solidify your understanding of D3.js selections, data binding, and scales.

Show steps

Set up a basic HTML page with an SVG element.
Load data into your JavaScript code.
Create scales for the x and y axes.
Bind the data to the SVG rectangles.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Read 'D3.js in Action' by Elijah Meeks

Show steps

Reading this book will provide practical examples and deeper insights into D3.js applications.

View D3.js in Action, Third Edition on Amazon

Show steps

Review the code examples provided.
Adapt the code to create your own visualizations.
Focus on the chapters that align with your interests.

Follow D3.js Tutorials on Observable

Show steps

Following tutorials on Observable will expose you to different D3.js techniques and approaches.

Show steps

Find tutorials on specific D3.js topics.
Read through the tutorial code.
Modify the code to experiment with different parameters.

Document Your D3.js Projects

Show steps

Documenting your projects will help you reinforce your understanding of the code and make it easier to share with others.

Show steps

Add comments to your code explaining each step.
Create a README file describing the project.
Explain the purpose of the visualization.

Contribute to a D3.js Open Source Project

Show steps

Contributing to open source will give you valuable experience working with a real-world D3.js codebase.

Show steps

Find a D3.js project on GitHub.
Identify a bug or feature to work on.
Submit a pull request with your changes.

Career center

Learners who complete D3.js - the art of data visualization will develop knowledge and skills that may be useful to these careers:

Data Visualization Engineer

The role of a Data Visualization Engineer centers around crafting compelling and interactive visual representations of complex datasets. Individuals in this role transform raw data into meaningful charts, graphs, and dashboards that facilitate understanding and decision-making. This course is designed to help you build solid foundations in data visualization, which you will need to create your own visually attractive infographics with the wow effect. A Data Visualization Engineer will be able to create custom visualizations, tailor solutions to specific project requirements, and optimize visualizations for performance and usability. The 'Axes' and 'Scales' module may be valuable to you.

See salaries and explore the career path for Data Visualization Engineer

Data Journalist

Data Journalists use data to find and tell compelling stories. Visualizing data is an essential part of making complex data accessible and engaging for a wider audience. This course may be useful if you need to present data based information in an attractive way to your audience, as Data Journalists often do. A Data Journalist will need to create visualizations that are both informative and visually appealing. This course may help you to build solid foundations, which you will need to create your own visually attractive infographics with the wow effect. The module on 'Loading Data from *.json file' may be valuable.

See salaries and explore the career path for Data Journalist

Data Analyst

Data Analysts are responsible for collecting, cleaning, and analyzing data to identify trends and insights. Visualizing data is an essential part of communicating findings to stakeholders. The D3.js library is useful for Data Analysts, providing the tools needed to present the data based information in an attractive way to your audience. Data Analysts can use the skills taught in this course to create compelling dashboards and reports. The 'Histogram' module may be particularly relevant to your needs.

See salaries and explore the career path for Data Analyst

Business Intelligence Analyst

A Business Intelligence Analyst analyzes data trends to help companies make better decisions. Much of this role involves creating dashboards and reports that are visually appealing and easily understood. This course may be useful if you need to present data based information in an attractive way to your audience, as Business Intelligence Analysts often do. As a Business Intelligence Analyst, you will need to translate complex data into actionable insights. The material on 'Statistical Functions' and 'Histogram' may be valuable to you. Because this course will give you hands-on experience with creating visualizations, this may be a very valuable course.

See salaries and explore the career path for Business Intelligence Analyst

Report Developer

Report Developers design, develop, and maintain reports that present data in a clear and concise manner. They often work with business intelligence tools to generate insights and track key performance indicators. This course may be useful if you need to present data based information in an attractive way to your audience, as Report Developers often do. A Report Developer will need to create visually appealing and informative reports that meet the needs of the business. This course may help you to build solid foundations, which you will need to create your own visually attractive infographics with the wow effect. The 'Axis Generator' module may be relevant to your work.

See salaries and explore the career path for Report Developer

Data Scientist

Data Scientists use statistical methods and machine learning techniques to analyze data and extract meaningful insights. Visualizing data is a crucial part of the process in order to communicate findings and explore patterns. The D3.js library is useful for Data Scientists, providing the tools needed to present the data based information in an attractive way to your audience. This course will teach Data Scientists how to create compelling data visualizations. The discussion of 'Statistical Functions' may also be very informative. This course, in particular, may help you to build solid foundations in data visualization.

See salaries and explore the career path for Data Scientist

User Interface Developer

User Interface Developers design and implement the interactive elements of websites and applications, and data visualization plays a significant role in conveying information effectively. This course may be useful if you need to present data based information in an attractive way to your audience, as User Interface Developers often do. A User Interface Developer will need to integrate data visualizations seamlessly into the user interface. A course such as this one may help you to build solid foundations, which you will need to create your own visually attractive infographics with the wow effect. The 'Dragging' module may provide you with some useful knowledge.

See salaries and explore the career path for User Interface Developer

Frontend Developer

A Frontend Developer must create interactive web experiences, and data visualization is a key component of many modern web applications. As a Frontend Developer, you will need to translate data into engaging visual representations. A course such as this one may offer you the opportunity to help you to build solid foundations, which you will need to create your own visually attractive infographics with the wow effect. The 'Text Element' module may be particularly relevant to your interests.

See salaries and explore the career path for Frontend Developer

Research Scientist

A Research Scientist investigates scientific questions by performing experiments and analyzing data. Visualizing data is a critical component of communicating research findings. The D3.js library is useful for Research Scientists, providing the tools needed to present the data based information in an attractive way to your audience. This course will teach Research Scientists how to create clear and informative visualizations for publications and presentations. The 'Scales' module may be particularly relevant to your needs.

See salaries and explore the career path for Research Scientist

Statistician

Statisticians collect, analyze, and interpret data to solve problems in a variety of fields. Visualizing data is a crucial part of communicating statistical findings to a wider audience. This course may be useful if you need to present data based information in an attractive way to your audience, as Statisticians often do. With this course, a Statistician will be able to create compelling visualizations that highlight key statistical insights. In particular, the 'Statistical Functions' module may be valuable to you. This course may help you to build solid foundations in data visualization.

See salaries and explore the career path for Statistician

Web Developer

Web Developers build and maintain websites and web applications. Data visualization is increasingly becoming an important aspect of web development, particularly for sites that deal with large amounts of information. This course may be useful if you need to present data based information in an attractive way to your audience, as Web Developers often do. Web Developers can use the skills taught in this course to create interactive charts, graphs, and maps. The 'Adding SVG' module may be helpful to you. This course may help you to build solid foundations in data visualization.

See salaries and explore the career path for Web Developer

User Experience Designer

User Experience Designers focus on creating positive and intuitive experiences for users of websites and applications. Data visualization is an important tool for conveying information effectively and engaging users. This course may be useful if you need to present data based information in an attractive way to your audience, as User Experience Designers often do. As a User Experience Designer, you will need to ensure that data visualizations are both informative and visually appealing. The 'Event Handling' module may be very valuable to you.

See salaries and explore the career path for User Experience Designer

Machine Learning Engineer

Machine Learning Engineers develop and deploy machine learning models. Visualizing the performance and results of these models is essential for understanding their behavior and communicating their effectiveness. This course may be useful if you need to present data based information in an attractive way to your audience, as Machine Learning Engineers often do. With this course, a Machine Learning Engineer will be able to create visualizations that help in debugging and understanding the model. The 'Dragging' module may be helpful to you as well.

See salaries and explore the career path for Machine Learning Engineer

Information Architect

Information Architects design the structure and organization of information within websites and applications. They prioritize usability and clarity, and data visualization plays a key role in making complex data accessible. This course may be useful if you need to present data based information in an attractive way to your audience, as Information Architects often do. A good Information Architect will be able to integrate data visualizations seamlessly into the overall information architecture. This course may help you to build solid foundations, which you will need to create your own visually attractive infographics with the wow effect.

See salaries and explore the career path for Information Architect

Quantitative Analyst

Quantitative Analysts, often working in finance, use mathematical and statistical models to analyze financial markets and make investment decisions. Visualizing data is important for identifying patterns, trends, and anomalies. This course may be useful if you need to present data based information in an attractive way to your audience, as Quantitative Analysts often do. A Quantitative Analyst will be able to create visualizations that help in understanding market dynamics and risks. The 'Statistical Functions' module may be particularly relevant to your interests.

See salaries and explore the career path for Quantitative Analyst

D3.js - the art of data visualization

What's inside

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses