What We Do

Company

Resources

Events

Blog

Free Consultation

ahoy@headway.io

(920) 309 - 5605

Building SVG Line Charts in React

May 19, 2020

May 19, 2020

6:00 pm

Presented By

Get updates on future events!

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Building SVG Line Charts in React

Building SVG Line Chart in React promo image live stream

What you will learn

Guest presenter, Kelsey, developer at Headway shared the basics of building a line chart using SVGs and React JavaScript.

There are thousands of chart packages available via NPM, and she walked through the steps to build one from scratch!

📈 Presentation resources

In the link above you will find a full walkthrough of the video presentation, links to the project to experiment with yourself, as well as helpful resources to allow you to dive deeper on your own.

Presentation segments

Why build a chart from scratch? - 0:50

Visual aids - 1:48

Container and axes - 2:23

Plotting points - 8:05

Horizontal guides - 12:12

Vertical guides - 13:54

SVG overview - 17:55

X-axis labels - 22:06

Y-axis labels - 30:59

Applying concepts to recharts - 31:14

Wrap-up/Q&A - 38:56

Reserve Your Spot

What you will learn

Guest presenter, Kelsey, developer at Headway shared the basics of building a line chart using SVGs and React JavaScript.

There are thousands of chart packages available via NPM, and she walked through the steps to build one from scratch!

📈 Presentation resources

In the link above you will find a full walkthrough of the video presentation, links to the project to experiment with yourself, as well as helpful resources to allow you to dive deeper on your own.

Presentation segments

Why build a chart from scratch? - 0:50

Visual aids - 1:48

Container and axes - 2:23

Plotting points - 8:05

Horizontal guides - 12:12

Vertical guides - 13:54

SVG overview - 17:55

X-axis labels - 22:06

Y-axis labels - 30:59

Applying concepts to recharts - 31:14

Wrap-up/Q&A - 38:56

May 19, 2020

6:00 pm

live stream

Spread the Word!

Bring co-workers, friends, and anyone else you think would benefit from the community.

Subscribe for future events

Stay up to date on upcoming events like this one and get valuable resources delivered to your inbox.

Thanks for signing up!
Oops! Something went wrong while submitting the form.

More events and videos

The Manifest

Receive the latest articles, resources, events, and more!