Published
Edited
May 20, 2020
3 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
styles = html`
<style>
.container {
font-family: Arial, sans-serif;
font-size: 14px;
max-width: 1000px;
margin: auto;
}
.legend {

}
.title {
font-size: 2em;
line-height: 1.2em;
font-weight: bold;
}
.ledein {
font-size: 14px;
line-height: 16px;

}
.chambers {
display: flex;
flex-wrap: wrap
}
.house {
flex: 1 1 60%;
padding: 5px;
min-width: 200px;
}
.senate {
flex: 1 1 30%;
padding: 5px;
min-width: 200px;
}
.chamber-label {
font-weight: bold;
font-size: 1.2em;
}
.chamber-contents {

}
.group {
background: #EAE3DA;
margin-bottom: 5px;
padding: 5px;

}
.group-label {
}
.sublabel {
font-style: italic;
}
.group-contents {
}
.grouping {
}
.district {
}
.note {
display: block;
font-style: italic;
}
</style>
`
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