I am an Information Designer based in Berlin, mainly interested in exploring the intersection of technology, data, and design.
Bakema Newsletter Archive
globe = {
return html`
<div class="viz">
<svg class="map" viewBox="0 0 ${width} ${height}" style="display: block;">
<defs>
<path id="outline" d="${path(outline)}" />
<clipPath id="clip"><use xlink:href="${new URL(
"#outline",
location
)}" /></clipPath>
</defs>
<g clip-path="url(${new URL("#clip", location)})">
<use xlink:href="${new URL("#outline", location)}" fill="#FAFAFA" />
<path d="${path(graticule)}" stroke="#b8b8b8" fill="none"></path>
<path d="${path(land)}" fill="#E0DFDB"></path>
<g class="lines"></g>
<g class="dots"></g>
</g>
<use xlink:href="${new URL(
"#outline",
location
)}" fill="none" stroke="#000" />
</svg>
<div class="filters-container">
<input type="reset" class="reset" value="Reset">
<div class="filters">
<div class="dates"></div>
<div class="tags"></div>
<div class="places"></div>
<div class="people"></div>
</div>
</div>
<div class="items"></div>
</div>
`;
}
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.
