Drawing the Image
Explore how to draw the foundational SVG image container for scatter plots in D3.js. This lesson guides you through setting chart dimensions, selecting the chart element, and appending an SVG to hold future shapes. Gain practical skills to build scalable visualization containers for your data charts.
We'll cover the following...
The next step in our journey to drawing a scatter plot is drawing a container. Throughout this course, we will follow a specific series of steps for drawing a chart.
Reviewing the steps
Here are the first three steps. First, we will retrieve the data from an external source. Second, we will set the chart’s dimensions. Third, we will draw the image.
Regardless of what visualization you will be making, the steps for drawing a chart are mostly the same. We have taken care of the first step. We performed a request for the data. Grabbing the data is the most important step. We can not draw a chart without the data.
The next step is to draw the chart’s dimensions. The ...