D3 Tips and Tricks: Interactive Data Visualization/

...

/

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS)

Understand the CSS portion of the simple graph code.

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:

Press + to interact
.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. The idea is to define a set of properties ...