SuperHi FM

Search:

Catalog Cart About Sign in

Data Visualization + D3.js

StockFinder

Chapter 11

StockFinder

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Welcome to StockFinder

Lesson 02

Setting up our project

Lesson 03

Pulling our data in using d3.json()

Lesson 04

Processing our data

Lesson 05

Finding the min and max data points

Lesson 06

Adding our scales

Lesson 07

Making our line generator and graph

Lesson 08

Adding an area generator

Lesson 09

Adding in live data

Lesson 10

Adding in our hover tooltip

Lesson 11

Moving our tooltip across the page

Lesson 12

Hiding our tooltip on mouseout

Lesson 13

Finding the date on hover

Lesson 14

Bisecting our data

Lesson 15

Fixing our tooltip to the line

Lesson 16

Extra resources

SuperHi FM

Want some ambient music in the background? Play our radio station!

Population Densities of the World

Next: Chapter 12

Population Densities of the World

Boundless

Back: Chapter 10

Boundless

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Previously, all the data used has been static – we only see changes to our designs when we change our data – but in this project, we add in live data that can change based on real-life information such as Apple's stock price.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes