Search⌘ K
AI Features
Home
Courses
D3 Tips and Tricks: Interactive Data Visualization

Cascading Style Sheets (CSS)

Explore how to use CSS in D3.js to style simple graphs, focusing on selectors, properties, and values to change line width, color, and fill. Understand how CSS rules influence the appearance of graph elements and practice modifying styles for interactive visuals.

We'll cover the following...

Let’s take a look at the CSS part of the simple graph code to understand why our graph looks the way it does.

The CSS portion of the code

The CSS code is as follows:

NAME_
CSS
.line {
  fill: none; 
  stroke: steelblue; 
  stroke-width: 2px;
}

Understanding the CSS portion

CSS gives us control over the look, feel, and presentation of web content. ...