daria.zakharova@axelspringer.com

@IchbinDasha·7 public vizzes

Fork of Team 3 - Tankvergleich

An interactive choropleth map of European fuel prices lets users hover over countries to view prices, click to pin a country, and edit its price values directly. A fuel-type selector switches between Euro 95, Diesel, and LPG datasets, driving an SVG map built with `d3.geoMercator` and `d3.geoPath`. Country boundaries are filtered from a GeoJSON source, and a custom color scale generated by `d3.scaleLinear` maps prices from green to red, with a legend showing the gradient range.

Apr 16, 2026

Loading thumbnail…

Fork of Team 3 - Tankvergleich

This interactive map of Europe displays gasoline prices per country, with price values shown in an info box when a country is hovered or clicked. Clicking a country pins the info box, allowing users to edit the price for that country, which updates the underlying data store. The visualization uses Svelte for the UI, and D3’s `geoMercator` projection and `geoPath` to render the GeoJSON map data.

Apr 16, 2026

Loading thumbnail…

Fork of Svelte Starter: Timeline

This interactive Svelte visualization displays a dual-perspective timeline, with events positioned along a central vertical line based on their dates using a custom time scale. Two color-coded columns (red for left, blue for right) represent different data series, and clicking the center point of an event expands its content card, while buttons at the top toggle all events from a given perspective. The component uses Svelte's reactive declarations and lifecycle functions to manage data sorting and rendering.

Apr 16, 2026

Loading thumbnail…

Fork of Svelte Starter: Quiz Template

An interactive quiz about humpback whales presents a series of four multiple-choice questions. After each answer, the interface indicates correctness with color-coded buttons, then displays a final score and percentage upon completion. The quiz structure uses Svelte components, managing state with `$state` and `$derived` for the current question, score, and answer selections. The application is built with Svelte, styled with custom CSS, and fetches its question data from a JavaScript module (`quizData.js`).

Apr 16, 2026

Loading thumbnail…

Fork of COPY Fork of HTML Starter, Hello World

This interactive HTML page displays a playful, animated scene featuring a large “Whats up” message in the center of a light yellow background. Users can click a button to toggle the message’s color, while other buttons trigger cascading sparkle emojis and launch flying eggplant icons that traverse the screen. The animation relies on CSS keyframes for movement and JavaScript `setTimeout` and `setInterval` for timed effects. The code uses plain JavaScript DOM manipulation and CSS custom properties for dynamic positioning.

Apr 16, 2026

Loading thumbnail…

Fork of Fork of HTML Starter

This example displays a static message, “Hello HTML!”, positioned in the center of the page with a large, red font. It demonstrates a minimal setup using plain HTML and CSS, with styles defined in an external stylesheet. The page loads a JavaScript module that logs “hello world” to the console, though no visual interaction or data rendering occurs. The code relies on the browser’s native DOM and CSS styling, with no external libraries or visualization APIs.

Apr 16, 2026

Loading thumbnail…

Fork of HTML Starter

This example displays a simple text greeting, “Hello HTML!”, centered on the page at a large font size. It serves as a minimal starter template for web-based visualizations, using static HTML and CSS for layout and styling. The code includes an `index.js` file that logs “hello world” to the console, and the page loads the script as a module. The styling applies a 12em font size and centers the message using the `.message` class.

Apr 16, 2026