🚨 33% off all courses for Black Friday + THREE brand new courses: Intro to Python, Python for the Web + Shaders for the Web!
Intermediate Course

Data Visualization + D3

Our Data Visualization course focuses on the practical aspects of working with data. In our 6-week long course, we’ll cover the basics of storytelling and working with data in a creative, fun way. You’ll learn how to create interactive, engaging experiences using HTML, CSS, SVG and Javascript.

This course, aimed at beginners, will teach you how to work with data and choose the right visuals to represent it effectively. We’ll introduce the basics of the powerful D3.js library used to animate and add interactions to your charts and graphs. You’ll also learn how to pull data from the web using Ajax.

You don’t need to be a designer or experienced coder to join the course but a little knowledge of HTML and CSS will help.

Read more

Start learning today!

Save money if bought as part of a bundle!

33% extra off at checkout

What you'll get…

  • 10 projects over the course of 6 weeks, and you can take as long as you want to finish the course
  • Two lessons for 6 weeks, each 60-80 minutes long, released on Mondays and Wednesdays, to fit around your schedule
  • Homework to test your knowledge and expand your learning
  • Access to the SuperHi community on Slack and our super secret Facebook group
  • Continued help post-course. Ask us any question – from what to code next and how to think about your own data, to how to freelance or career advice!


weeks of data visualization fun


data-driven, real-world projects


hours of work a week, you decide when


1:1 sessions with our expert instructors

What you'll learn

The different types of data visualizations and how to use them effectively

How to work with and understand data sets and turn them into engaging experiences

How to use HTML, CSS, SVG to design charts and graphs

How to use Javascript to add animations, transitions and interactions to your experiences

An introduction to the fundamentals of the powerful Javascript library D3.js

Using Ajax to pull data from the web into your visualizations

Here’s how we’re different...

Support that actually helps.

1:1 sessions and forever-access to our online Slack community of creative students from around the world, learning to code together. With our team based worldwide, we can support you whether you're coding early in the morning or late at night.

You’ll make 10 real websites in 6 weeks.

Our course is practical, unlike other programs that take a month or more before you make your first website. We care about design and focus on creative industries — you're not learning computer science, you're learning to make websites you'd want to make.

Structured, yet flexible.

Our course is set-up to deliver 10 real projects — no bullshit — and we designed it so it’s totally flexible. While you can learn at your own pace, we’ll be here to guide you each week.

Design focused.

You don't need to be creative to take our courses, but everything we do is focused on making beautiful sites you actually want to make. This isn't your average online school — we focus on the practical aspect of learning.

What to expect

In reassuringly linear chronological order, here’s what will happen after you sign up.

Before the course
During the course
After the course

Twice a week (every Monday and Wednesday morning), you’ll get access to the next project, which includes video tutorials, homework and questions to test yourself against.

Each project is around an hour (so around 2-3 hours a week dedication), each split into 5–10 minute long videos. It’s up to your schedule when you do the videos – there’s no live streaming as we cater for a worldwide audience.

Have a question or get stuck? Just ask us in our help center or on our Slack group! We try to get back to you in real time!

Have more questions?

Head over to our FAQ page or chat to us.

Who is the course for?

Anyone who is looking for ways to work with data-driven design or work closer with designers to implement beautiful visualizations of data.

We would recommend a little knowledge of HTML, CSS and Javascript before starting this course. Reading our Learn To Code Now book or taking either Foundation HTML, CSS + JS will be sufficient.

What do I need?

A computer (Windows, Mac or Linux) with the latest version of Chrome installed and a broadband internet connection. That’s it!

Everything you need to build a website from scratch…

Introducing the SuperHi Editor — an intelligent code editor, designed to make coding easier.

At SuperHi, not only do we teach people how to code. We design and create products that rethink how people should code.

The SuperHi Editor is a code editor, designed from scratch, that hosts all your files in one place and publishes your sites to the web with the click of a button. Get quick tips like spellcheck and color selection while you type. Any questions? Ask Wilson, our AI-powered assistant, and get answers right in the editor.

Start learning today!

Save money if bought as part of a bundle!

33% extra off at checkout

Our students work at…

Start today!

This course is self-paced and you get all the lessons as soon as you sign up

Join thousands of students from over 90 countries and in 16 time zones worldwide also learning with SuperHi.

Sign up now for $299
33% extra off at checkout

Get this course in a bundle

Courses are better together! Get more bounce for your ounce with our recommended bundles.

Want a custom bundle?

View all of our bundles or message us with the courses you're interested in!

Data, design + math

Be the master of data with this bundle covering data, digital design and math.

33% extra off at checkout
33% extra off at checkout

Want a custom bundle?

View all of our bundles or message us with the courses you're interested in!

Meet your instructors

Our non-nerdy instructors have decades of professional experience, spoken at international conferences and have won countless web design awards.

Rik Lomas

Rik Lomas

Rik is the founder and CEO of SuperHi, previously co-founder of code school Steer and first instructor at General Assembly London. He has taught several thousand people over the last 8 years.

Kristen Altomare-Ciallella

Kristen Altomare-Ciallella

Kristen is a Toronto-based senior visual designer at Glitch, a site for making websites from scratch. She previously worked for as a visual designer for SuperHi, Nike and Huge.

...and Wilson

Wilson is our artificially intelligent helper. Ask him anything. He doesn't have any social media profiles but one day he will run the company.