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:

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:

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
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!

Attributes, Classes, and IDs

Web Browser Based: HTML

Different attributes of the HTML elements.

Slides

External Style Sheets

Web Browser Based: CSS

Sometimes its what's on the outside that counts.

Slides

SVG Paths

Web Browser Based: SVG

Follow the path

Slides

Starting a Local Server

Web Browser Based: d3.js

Sometimes we will want to start a local server to run our HTML documents.

Slides

CSS Introduction

Web Browser Based: CSS

Straight up Stylin.

Slides

SVG Introduction

Web Browser Based: SVG

Are those vector graphics to scale?

Slides

SVG Groups

Web Browser Based: SVG

Grouping your SVG elements together.

Slides

Adding Script to HTML

Web Browser Based: d3.js

Adding JavaScript to your HTML documents.

Slides

Common Style Updates

Web Browser Based: CSS

What styles are all the rage these days?

Slides

Adding Simple SVG Elements

Web Browser Based: SVG

Circles, Rectangles, Text, wow!

Slides

d3.js Introduction

Web Browser Based: d3.js

We introduce data driven documents.

Slides

Some JavaScript Syntax

Web Browser Based: d3.js

A review of some basic JavaScript Syntax

Slides

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