marc.sarembe@gmail.com

@marcsarembe-cyber·3 public vizzes

Team 3 - Tankvergleich

An interactive SVG map of Europe visualizes average fuel prices per country, with a hover tooltip showing the country name and price, and a click-to-edit feature that allows users to adjust values in a pinned info box. Built with Svelte and D3.js, the map uses a D3 Geo Mercator projection and `d3.geoPath` for rendering, while a custom color scale (`d3.scaleLinear`) maps price ranges from green to red. Fuel type can be switched between Euro 95, Diesel, and LPG, with prices stored in a data store and persisted to localStorage.

Apr 16, 2026

Loading thumbnail…

Fork of HTML Starter, Hello World

This example displays a playful web page featuring a photograph of a person and an embedded external visualization from VizHub, alongside text messages about hunger. The page uses plain HTML and CSS for layout and styling, with a light grey background and a grid-based centering system. The embedded content is loaded directly via an HTML `embed` element, while a button styled with CSS allows a user to toggle a pink background color on the message and button using JavaScript event listeners. No external charting libraries or APIs are used in the main script.

Apr 16, 2026

Loading thumbnail…

Fork of HTML Starter, Hello World

This example demonstrates a simple interactive color-changing interface built with plain HTML, CSS, and JavaScript. It shows a "Hello World" message and a button that, when clicked, toggles a pink background color on both elements through classList.toggle. The page uses the DOM API via document.querySelector to select elements and add an event listener. The styling uses CSS grid to center content and defines a light yellow background with a lightgreen message box.

Apr 16, 2026