top of page
Data Visualization

Asynchronous

​

-

​

Asynchronous

This program is included with Career Launch Cohort Enrollment and Erdős Institute Alumni Club Membership at no additional cost.
erdosOspin.gif

Checking your registration status...

To access the program content, you must first create an account and member profile and be logged in.

You are registered for this program.

Next Event

Next Event

NEXT EVENT

Registration Deadlines

​

-

​

​

-

​

​

-

​

Category

Launch, Supplemental, Self-Directed, Mini-Course

Overview

Our materials touch on the following content to varying degrees:
• Plotting in Python: matplotlib, seaborn, plotly, and bokeh
• Web browser visualizations: HTML, CSS, SVG, and d3.js
• Basic Tableau
• Basic design principles

Note: our asynchronous mini-courses do not have a project component and do not offer certification. Any references to either projects or certificates you find in these course materials are remnants of earlier iterations of the course where these components were present.

Slack

Click here to be invited to the slack organization: The Erdős Institute

Click here to access the slack cohort channel: #slack-cohort-channel

Click here to access the slack program channel: #slack-program-channel

calendar-icon.png

Click here to download the Events & Deadlines .ics calendar file

Organizers, Instructors, and Advisors

matt_osborne.png

Steven Gubkin

Head of Training and Assessment

Office Hours:

By appointment only

Email:

steven@erdosinstitute.org

Preferred Contact:

Slack

Message me on Slack if you have questions about the course! I am also your primary contact for GitHub access.

matt_osborne.png

Matthew Osborne, PhD

Lead Instructor, Senior Operations Analyst

Office Hours:

None

Email:

matthewosborne71@erdosinstitute.org

Preferred Contact:

Slack

Please direct all course questions to Steven Gubkin.

Objectives

The aim of this mini course is to teach you how to produce data visualizations in a variety of programming languages/softwares while also touching on fundamental design principles.

First Steps/Prerequisites

Participants should have a base-level familiarity with Python. If you are new to Python, but would still like to participate you can review our existing Python Prep materials to get up to speed. It will also be helpful, but not necessary to have a basic understanding of probability and statistics. If you would like to review some statistics or probability should check out the slides at these links: 
First Steps

Program Content

I'm a paragraph. Click here to add your own text and edit me. It's easy.

Course materials are available on github through the following link:

25231-github-cat-in-a-circle-icon-vector-icon-vector-eps.png

https://github.com/TheErdosInstitute/data-viz

Request Access to GitHub

github message for user

Program Content

Textbook/Notes

Note: our video player does not support playback speed options. You can find a third party browser extension which will allow you to modify video playback speed. For example, this one works for Chrome: video-speed-controller. If you would prefer to avoid a browser extension you can manually modify the playback speed in the javascript console as well: Speed up any HTML5 video player!

JavaScript Data

Web Browser Based: d3.js

Some data types and how to make variables in JavaScript.

Slides
Transcript
Code

Using Data

Web Browser Based: d3.js

How to actually use the data in your data to alter HTML elements

Slides
Transcript
Code

Drawing SVGs With Data 2

Web Browser Based: d3.js

Throwing bar and line charts in the mix.

Slides
Transcript
Code

Text, Titles, and Labels

Web Browser Based: d3.js

If you like your graphs so much you should put a label on it.

Slides
Transcript
Code

Binding Data

Web Browser Based: d3.js

Binding data to HTML elements.

Slides
Transcript
Code

Drawing SVGs With Data 1

Web Browser Based: d3.js

Making scatter plots with d3.js

Slides
Transcript
Code

d3.js and Groups

Web Browser Based: d3.js

Using groups to maintain a sense of order.

Slides
Transcript
Code

Colormaps

Web Browser Based: d3.js

How to add data based color to d3.js plots.

Slides
Transcript
Code

Loading Data

Web Browser Based: d3.js

Loading data with d3.js

Slides
Transcript
Code

Scales

Web Browser Based: d3.js

Step onto the scale.

Slides
Transcript
Code

Axes and Grids

Web Browser Based: d3.js

How to add axes and grid lines to your d3.js figures.

Slides
Transcript
Code

Simple Hover Effects

Web Browser Based: d3.js

Changing the color and tooltips on hover.

Slides
Transcript
Code

Project/Homework Instructions

I'm a paragraph. Click here to add your own text and edit me. It's easy.

Project/Team Formation
Project Submission
Projects README

Schedule

Click on any date for more details

Orientation & Setup

Phase 1: Instruction and Project Completion

Project Review & Judging

Phase 2: Intense Interview Prep & Career Connections

Project/Homework Deadlines

©2017-2026 by The Erdős Institute.

bottom of page