Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Mastering ReactJS: Data Visualization
JSON
Overview
Download the source files
Setting things up (8:57)
Overview of JSON Basics (6:15)
Importing JSON files with Webpack (5:57)
Building ES6 React Classes (11:57)
Integrating JSON into React Components (6:17)
References and further reading
From Web Services to Maps
Chapter Overview
Creating a Map (4:54)
Finding points on a map (8:26)
Calculating a maps latitude and longitude (5:26)
Using ES6 String Templates (5:27)
Connecting to the web service (5:11)
Changing components state (7:33)
References and further reading
From CSV to a Bar Chart
Chapter Overview
Reviewing package.json and web-pack configurations (10:14)
Modifying styles attributes in react (5:23)
Preparing the chart data object (7:40)
Creating a Bar Chart with ChartJS (8:18)
Formatting data (from CVS to the right objects) (12:48)
References and further reading
Creating a React Chart Component for ChartJS
Chapter Overview
Creating Utility Modules (7:49)
Adding Random Colors (5:08)
Cleaning up memory leaks (7:53)
Diving deep into properties (8:38)
Exploring some of the options in ChartJS (4:11)
References and further reading
From JSON to MongoDB
Chapter Overview
MongoD vs. Mongo (4:43)
Database, Collection and Document (7:45)
Preparing our data for MongoDB (6:01)
Setting up Node.JS with Express and MongoJS (9:49)
Creating a Radar Chart with MongoDB (5:38)
References and further reading
Teach online with
Calculating a maps latitude and longitude
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock