Course lesson

Draw an SVG for a Data Visualization in React

In this lesson we'll set the stage for a data visualization by defining dimensions for our overall SVG as well as margins so we can create a bounded area inside the SVG. This will give us a distinct area to draw our visualized data points as well as space in...

Duration
4 min
Access
Included
Transcript
Retained from source evidence

In this lesson we'll set the stage for a data visualization by defining dimensions for our overall SVG as well as margins so we can create a bounded area inside the SVG. This will give us a distinct area to draw our visualized data points as well as space in the margins that will accommodate our axes. We'll render this SVG using React so we have a canvas (not the HTML element, though 😅) for the upcoming steps.