🕛
Get Started
Videos
Tracks
Challenges
Community
Guides
Showcase
Discord
GitHub
About
FAQ
Tracks
>
Working with Data and APIs in JavaScript
Graphing Data with Chart.js
Languages
JavaScript,
chart.js
Topics
data,
graph,
canvas
🔗
Back
5 / 20
track stops
timestamps
00:00
What have we done so far?
01:02
What is Chart.js?
01:37
Setting up Chart.js
03:47
Creating the chart
05:05
How do we get our data onto the chart?
07:18
Error! Fix order of operations!
10:00
Add real data!
12:04
Improvements and Refactoring!
17:26
Review and Exercises!
Welcome
Trailer
Setup
Client Side fetch() with image, CSV, JSON
The fetch() Function
Working with Tabular Data - Parsing CSV files
Graphing Data with Chart.js
Fetching JSON Data from an API
Mapping Geolocation with Leaflet.js
Refreshing Data with setInterval()
The Data Selfie App
Server-side with Node.js
Geolocation Web API
HTTP Post Request with fetch()
Saving to a Database
Querying the Database
Saving Images and Base64 Encoding
Project Wrap-up: Accessibility and Design
The Weather Here
API calls from Node.js (Weather data from Dark Sky)
Open Air Quality API in Node.js
Mapping Database Entries with Leaflet.js
Hiding API Keys with Environment Variables (dotenv) and Pushing Code to GitHub
Web Application Deployment (Glitch and Heroku)
Previous
Next
CODE EXAMPLES
DESCRIPTION
REFERENCES
CREDITS
Graphing data
Demonstration of graphing data with Chart.js
📒
💾
Graphing multiple values
(Exercise) Demonstration of graphing multiple datasets with Chart.js