Public
Edited
Jan 13
Importers
new Legend({
font: "sans-serif",
fontSize: "15px",
width: 300,
height: 200,
margin: 25,
symbols: [
{
symbol: "triangle",
style: { fill: "red", stroke: "black" },
text: "Symbol 1"
},
{
symbol: "circle",
style: { fill: "green", stroke: "orange" },
text: "Symbol 2"
}
]
}).render
new Legend({
font: "sans-serif",
fontSize: "14px",
width: 230,
height: 200,
margin: 25,
symbolWidth: 10,
symbolHeight: 10,
wrap: 125,
offsetY: 0,
borderColor: "none",
symbols: [
{
symbol: "circle",
style: { fill: "#5C8C42", stroke: "none" },
text: "Political and diplomatic"
},
{
symbol: "circle",
style: { fill: "#2E75B8", stroke: "none" },
text: "Economic"
},
{
symbol: "circle",
style: { fill: "#E68A17", stroke: "none" },
text: "Military*"
},
{
symbol: "circle",
style: { fill: "#A65583", stroke: "none" },
text: "Psychological"
}
]
}).render
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.
