Refactoring React components, using children, using Array.map with JSX, and generating random numbers!
Blog
Datavis 2020 Episode 9 – Let’s Make a Face Part V multiple files with ES6 modules
We're going to make our face composed in index.js from multiple files - backgroundCircle.js, Eyes.js, and Mouth.js, which will import from d3.arc. We’ll discuss Refactoring React componentsUsing many files with ES6 ModulesNamed exports vs. default...
Datavis 2020 Episode 8 – Let’s Make a Face Part IV (React Components & ES6)
Make how a smiley face in React, with JSX, ES6, arrow functions, ES6 variables, destructuring, and more.
Datavis 2020 Episode 7 — Let’s Make a Face Part III (With React & D3)
Learn the basics of React, D3, JavaScript, and more, in this hands-on lesson that shows you how to draw a smiley face.
Datavis 2020 Episode 6: Let’s Make a Face Part II (with React)
How to make a smiley 😀 face, using SVG, JSX, and the React library.
Datavis 2020 Episode 5: Let’s Make a Face Part I (HTML, CSS, SVG)
How to build a 😀 face with HTML, CSS, and SVG.
Datavis 2020 Episode 4: Introduction to Web Technologies
Web technologies that go into making a data visualisation – HTML, JavaScript, CSS, SVG, JavaScript, D3 and React, and why you need them.
Datavis 2020 Episode 3 – Finding Visualizations
I'd like to share with you some of my personal favorite places to look for data visualizations. First up is Reuters Graphics. Reuters Graphics has a ton of data visualizations relating to current events, and this updates probably about every week or so or more...
Datavis 2020 Episode 2: Week 1 Q & A
What are the prerequisites? Even if you live in a remote village of India, you should be able to take this course. All you need to take this course is an internet connection, a computer or mobile, time to invest in learning, and English language skills. Do I need to...