Information designer, data visualization engineer📈, 🇺🇦🇺🇦🇺🇦
<style lang="scss">
.line {
stroke-width: 1px;
stroke: #ddd;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.line.personnel, .line.personnel.active {
stroke: red;
stroke-width: 2.5px;
opacity: 1
}
.line.tanks, .line.tanks.active {
stroke: #000;
stroke-width: 2px;
opacity: 1
}
.line.artillery, .line.artillery.active {
stroke: #7570b3;
stroke-width: 3px;
opacity: 1
}
.line.active {
stroke: rgb(32 175 227);
stroke-width: 3px;
}
.toolTip{
position: absolute;
display: none;
width: 140px;
border-radius: 2px;
height: auto;
background: rgba(255,255,255, 0.95);
border: 1px solid #000;
padding: 4px 8px;
font-size: 11px;
text-align: left;
font-family: sans-serif;
z-index: 1000;
}
.legend text {
font-family: sans-serif;
}
</style>
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.
