Information Visualization: Programming with D3.js from Coursera

In this course you will learn how to use D3.js to create powerful visualizations for web. Learning D3.js will enable you to create many different types of visualization and to visualize many different data types. It will give you the freedom to create something as simple as a bar chart as well your own new revolutionary technique. In this course we will cover the basics of creating visualizations with D3 as well as how to deal with tabular data, geography and networks. By the end of this course you will be able to: - Create bar and line charts - Create choropleth and symbol maps - Create node-link diagrams and tree maps - Implement zooming and brushing - Link two or more views through interaction The course mixes theoretical and practical lectures. We will show you step by step how to use the library to build actual visualizations and what theoretical concepts lie behind them. Throughout the course you will learn skills that will lead you to building a whole application by the end of the lectures (a fully working visualization system to visualize airlines routes). This course is the third one of the â€œSpecialization in Information Visualization". The course expects you to have some basic knowledge of programming as well as some basic visualization skills.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores D3.js, which is standard in the data visualization and development industry

Useful to visualization and data science professionals

Teaches foundational concepts and advanced techniques for data visualization in web

Develops proficient use of D3.js for creating visualizations of diverse data types

Instructed by highly experienced instructors in data visualization and development

Requires prior programming knowledge and basic understanding of data visualization

Reviews summary

Informative course on d3.js visualization

The "Information Visualization: Programming with D3.js" course is a comprehensive introduction to creating visualizations using the D3.js library. It teaches the basics of D3.js, such as creating selections, adding and removing elements, and changing properties. The course also covers more advanced topics, such as loading data, filtering and sorting, transforming, stats, SVG drawing, binding data, scales, annotations, lines and arcs, map projections, choropleth maps, visualizing networks, and interaction (event handling, brushing, zooming, tooltips).

D3.js is a complex library to learn, but this course does an excellent job of providing an overview.

"After spending ages online trying to understand d3.js, I came across this course."

"This course does an excellent job of providing an overview of how d3.js works."

Excellent programming assignments guide students through complex data visualization in successive steps.

"I particularly liked that the programming assignments that guided the student through successive steps in quite a complex data visualisation."

Recommended for those new to D3.js or visualization.

"I would recommend the course to anyone interested in getting a thorough introduction to d3."

"It even covers the basics of HTML/CSS and JS to get started, so I'd recommend it to even those who aren't too familiar with coding."

Lack of access to course materials.

"I was missing access to the course materials."

"I like to annotate the lecture slides and refer back to them, e.g. when working through the assignments."

The instructor occasionally has difficulty being understood.

"The instructor's English is sometimes difficult to follow."

"It doesn't help that the subtitles are frequently completely wrong."

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 Information Visualization: Programming with D3.js with these activities:

Review HTML, CSS, and JavaScript

Show steps

Ensure you have a solid foundation in web development principles.

Browse courses on HTML

Show steps

Review basic HTML tags and structure
Review CSS styles and selectors
Refresh your JavaScript knowledge, including functions, variables, and events

Explore the D3.js documentation

Show steps

Start strong by building a foundation with the creators of D3.js.

Browse courses on D3.js

Show steps

Begin with the tutorial: https://d3js.org/getting-started/
Explore the API reference: https://d3js.org/index.html
Check out the gallery for inspiration: https://d3js.org/gallery/

Read "Interactive Data Visualization for the Web"

Show steps

Expand your knowledge of data visualization concepts and best practices.

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

Show steps

Read Chapter 2: "The Basics of D3"
Read Chapter 3: "Creating Basic Visualizations"

Four other activities

Expand to see all activities and additional details

Show all seven activities

Create a simple bar chart or line chart with D3.js

Show steps

Get hands-on experience by building a basic visualization.

Browse courses on D3.js

Show steps

Gather a simple dataset
Create a new D3.js project
Build and customize your visualization

Join a study group or online forum

Show steps

Connect with other learners and share knowledge and support.

Browse courses on D3.js

Show steps

Find a study group or online forum focused on D3.js
Participate in discussions and ask questions
Help others and share your insights

Code along with the course lectures

Show steps

Develop your coding skills and reinforce your understanding of D3.js concepts.

Browse courses on D3.js

Show steps

Set up your development environment
Follow along with the step-by-step instructions in the lectures
Experiment with the code and explore different visualizations

Build a data visualization dashboard

Show steps

Apply your skills to create a practical and visually engaging dashboard.

Browse courses on D3.js

Show steps

Gather and prepare your data
Design your dashboard layout and visualizations
Implement your dashboard using D3.js
Deploy and share your dashboard

Career center

Learners who complete Information Visualization: Programming with D3.js will develop knowledge and skills that may be useful to these careers:

Data Visualization Analyst

As a Data Visualization Analyst, you transform complex data into easy-to-understand visualizations. This course, Information Visualization: Programming with D3.js, provides you with the skills to create interactive dashboards and visualizations using D3.js, a popular JavaScript library for data visualization. With these skills, you can create data-driven presentations that help businesses make informed decisions.

See salaries and explore the career path for Data Visualization Analyst

Data Scientist

Data Scientists combine programming and statistical skills to extract insights from data. This course, Information Visualization: Programming with D3.js, provides you with the skills to visualize data effectively, a key aspect of data science. By learning to create interactive visualizations using D3.js, you can enhance your data analysis and communicate findings more effectively.

See salaries and explore the career path for Data Scientist

Web Developer

Web Developers create and maintain websites. This course, Information Visualization: Programming with D3.js, provides you with the skills to build interactive data visualizations for the web using D3.js. By incorporating these visualizations into your websites, you can create more engaging and informative user experiences.

See salaries and explore the career path for Web Developer

Business Analyst

Business Analysts use data to identify opportunities and solve problems for businesses. This course, Information Visualization: Programming with D3.js, provides you with the skills to create data visualizations that help businesses understand complex data and make better decisions. By learning to use D3.js, you can create interactive dashboards and visualizations that make data more accessible and actionable.

See salaries and explore the career path for Business Analyst

UX Designer

UX Designers create user experiences for websites and applications. This course, Information Visualization: Programming with D3.js, provides you with the skills to create interactive data visualizations that enhance user experiences. By understanding how to visualize data effectively, you can design interfaces that are more intuitive and engaging for users.

See salaries and explore the career path for UX Designer

Product Manager

Product Managers lead the development and launch of new products. This course, Information Visualization: Programming with D3.js, provides you with the skills to create data visualizations that inform product decisions. By learning to use D3.js, you can create interactive dashboards and visualizations that help stakeholders understand product performance and make data-driven decisions.

See salaries and explore the career path for Product Manager

Data Engineer

Data Engineers manage and process data for businesses. This course, Information Visualization: Programming with D3.js, provides you with the skills to visualize data effectively, a key aspect of data engineering. By learning to create interactive visualizations using D3.js, you can enhance your data analysis and communicate findings more effectively.

See salaries and explore the career path for Data Engineer

Marketing Analyst

Marketing Analysts use data to understand customer behavior and optimize marketing campaigns. This course, Information Visualization: Programming with D3.js, provides you with the skills to create data visualizations that help businesses track campaign performance and make data-driven decisions. By learning to use D3.js, you can create interactive dashboards and visualizations that make data more accessible and actionable.

See salaries and explore the career path for Marketing Analyst

Information Architect

Information Architects design and organize information systems. This course, Information Visualization: Programming with D3.js, provides you with the skills to create data visualizations that help users find and understand information more easily. By learning to use D3.js, you can create interactive dashboards and visualizations that make data more accessible and actionable.

See salaries and explore the career path for Information Architect

Software Developer

Software Developers create computer programs. This course, Information Visualization: Programming with D3.js is not directly related to software development, but it may be useful for those interested in specializing in data visualization within software development.

See salaries and explore the career path for Software Developer