JavaScript Interactive Charts and Data Visualization

Build in-demand skills with a full year of Coursera Plus, now $239. Save now.

JavaScript Interactive Charts and Data Visualization

Instructor: TSV Learning

Included with Learn more

6 modules

Gain insight into a topic and learn the fundamentals.

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

1 week to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Configure Highcharts and create interactive JavaScript charts with customized axes, legends, tooltips, and data series.
Integrate AJAX data, build zoomable time-series charts, and implement dynamic updates, stacking, and drilldown interactions.
Develop and customize 3D charts, gauges, heatmaps, treemaps, scatter plots, and bubble charts for web-based data visualization.

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

There are 6 modules in this course

Learn to create interactive JavaScript charts with Highcharts and transform web data into clear, engaging visualizations. This practical course covers chart configuration, dynamic data updates, and advanced visualization techniques through hands-on examples.

Designed for learners with basic HTML and JavaScript knowledge, the course begins with Highcharts setup, data series, axes, and line charts. You'll explore AJAX data integration, zoomable time-series charts, and area charts. Build bar and column charts with customized legends, tooltips, stacking, and drilldowns. Create pie, semicircular donut, scatter, and bubble charts to present different data relationships. Advance to real-time data updates, interactive chart interactions, combination timelines, and draggable 3D charts. Explore specialized visualizations, including clock gauges, VU meters, heatmaps, and treemaps. By the end of the course, you'll be able to configure, customize, and update browser-based charts for JavaScript web projects. What makes this course distinctive is its practical progression from basic chart setup to interactive, real-time, and specialized visualizations, helping you develop adaptable data visualization skills.

Set up Highcharts in an HTML and JavaScript environment, configure containers and data series, and build line charts with meaningful titles, axes, and labels.

What's included

6 videos4 assignments

6 videosTotal 32 minutes

Introduction to HighCharts Training4 minutes
HighCharts Environment Setup8 minutes
HighCharts Example4 minutes
Adding Data Series to Charts5 minutes
Preparing Basic Line Chart Structure4 minutes
Configuring Line Chart Data6 minutes

4 assignmentsTotal 60 minutes

Highcharts Foundations and Line Charts30 minutes
Introduction and Development Environment10 minutes
Creating Charts and Managing Data Series10 minutes
Building and Configuring Line Charts10 minutes

Load chart data through AJAX, develop interactive time-series visualizations with zoom controls, and build basic and negative area charts.

What's included

6 videos4 assignments

6 videosTotal 36 minutes

Line Chart Ajax6 minutes
More on Chart Ajax7 minutes
Building Time Series Line Charts5 minutes
Customizing Time Series Chart Zoom4 minutes
Basic Area Chart Example8 minutes
Area Chart Negative Example5 minutes

4 assignmentsTotal 60 minutes

AJAX Integration, Time Series and Area Charts30 minutes
Loading Chart Data with AJAX10 minutes
Building Interactive Time Series Charts10 minutes
Creating Basic and Negative Area Charts10 minutes

Create bar and column charts, customize legends and tooltips, configure stacked series, and enable drilldown interactions.

What's included

7 videos4 assignments

7 videosTotal 36 minutes

Setting Up Basic Bar Charts5 minutes
Customizing Bar Chart Legends4 minutes
Stacked Bar Chart6 minutes
Configuring Basic Column Charts6 minutes
Customizing Column Chart Tooltips5 minutes
Building Drilldown Column Charts4 minutes
Configuring Column Chart Drilldown Interactions5 minutes

4 assignmentsTotal 60 minutes

Bar and Column Chart Development30 minutes
Configuring Bar Charts and Legends10 minutes
Creating Stacked Bar and Column Charts10 minutes
Tooltips and Column Chart Drilldowns10 minutes

Develop pie and semicircular donut charts, explore drilldowns, and visualize relationships and multidimensional values using scatter and bubble charts.

What's included

6 videos4 assignments

6 videosTotal 42 minutes

Pie Chart Basic8 minutes
Pie Drill Down7 minutes
Pie Semi Circle6 minutes
Scatter Chart8 minutes
Configuring Bubble Chart Axes6 minutes
Plotting Multidimensional Bubble Chart Data7 minutes

4 assignmentsTotal 60 minutes

Pie, Scatter and Bubble Visualizations30 minutes
Building Pie Charts and Drilldowns10 minutes
Semi-Circle Pie Charts and Scatter Plots10 minutes
Bubble Chart Axes and Multidimensional Data10 minutes

Add chart points through user interaction, implement real-time updates, and configure combination timelines and interactive 3D visualizations.

What's included

6 videos4 assignments

6 videosTotal 33 minutes

Setting Up Dynamic Point Addition5 minutes
Adding Interactive Chart Data Points5 minutes
Implementing Real Time Chart Updates4 minutes
Visualizing Continuously Updating Chart Data5 minutes
Combo Timeline5 minutes
3d Interactive 7 minutes

4 assignmentsTotal 60 minutes

Dynamic Data and Advanced Interactive Charts30 minutes
Adding Chart Points Dynamically10 minutes
Real-Time Data Updates and Visualization10 minutes
Combination Timelines and Interactive 3D Charts10 minutes

Build draggable 3D charts, clock gauges and VU meters, then explore heatmaps and treemaps while reviewing Highcharts capabilities and project considerations.

What's included

7 videos4 assignments

7 videosTotal 32 minutes

3d Draggable4 minutes
Gauge Clock5 minutes
Displaying Real Time Clock Gauges5 minutes
Gauge VUMeter2 minutes
Heat Maps6 minutes
Tree Maps with Levels3 minutes
Conclusion7 minutes

4 assignmentsTotal 60 minutes

Specialized Charts and Project Completion30 minutes
Draggable 3D Charts and Clock Gauges10 minutes
Real-Time Gauges and VU Meters10 minutes
Heat Maps, Tree Maps and Course Wrap-Up10 minutes

Instructor

TSV Learning

The Skill Valley

83 Courses544 learners

Offered by

The Skill Valley

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

What brings you to Coursera today?

Start my career

Change my career

Grow in my current role

Explore topics outside of work

Give yourself skills that last, now $239
Save now
Gift your team new skills
Save 40% now

Frequently asked questions

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.