The avatar for @i247sp20
i247 2020
This is the Observable Team site for I247, Spring 2020, Professor Marti Hearst, UC Berkeley.
Published
Labs
Edited
Apr 19, 2020
2 forks
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// html`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">`
Insert cell
Insert cell
// html`<link type="text/css" href="${await FileAttachment("yourfilenamehere.css").url()}" rel="stylesheet" />`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
md`**Exercise:** Using the Inspector, examine the nesting of the div's and the svg's of this example. Then make a copy of this code and put both circles within one of the div's, or change the order of the appends and see what happens. Experiment with changing the height of the divs and the height of the svgs.
`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
d3 = require('d3@5')
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more