jedrt.samo@gmail.com

@jedrtsamo-hub·4 public vizzes

Fork of HTML Starter

This example demonstrates a minimal web page that displays a centered greeting message. It uses an HTML file to structure the page, a CSS file to style the text with a large font size, and a JavaScript file that logs a message to the browser console. The project relies on standard web technologies—HTML, CSS, and JavaScript—without any external libraries or frameworks.

Nov 19, 2025

Loading thumbnail…

Fork of React & D3 Starter

A React 19 starter demonstrates minimal integration between D3 and React, rendering the text “Hello D3 & React” centered on the page. The component uses the `useRef` and `useEffect` hooks to access a DOM node, then calls `select` from d3.v7 to set the text content. The example shows how D3’s selection API can operate imperatively inside a React component’s lifecycle, with the text styled via a CSS class. No data source is involved; the focus is on wiring React’s rendering model with D3’s DOM manipulation.

Nov 19, 2025

Loading thumbnail…

Fork of Clickable Circles

Seven semitransparent circles sit at fixed positions on a light-green SVG canvas. Clicking any circle selects it, giving it a thick black stroke and bringing it to the front. The visualization is built with D3 v7 using a unidirectional data flow pattern where the viz function re-renders on each state change. The code uses d3.select and join to manage circle elements, while event listeners call a setter to update the selected datum.

Nov 19, 2025

Loading thumbnail…

Fork of HTML Starter

This example presents Slatnar’s athletic achievements across three major ski competitions, using static inline SVG circles as medal icons within a responsive card layout. The code relies on HTML, CSS, and vanilla JavaScript (with a simple `console.log`), structuring data directly in the markup and styling it with flexbox, media queries, and hover transitions. The page highlights medal counts and podium totals for Ski Flying World Championships, Winter Olympic Games, and Ski Jumping World Cup, emphasizing the brand’s tagline. No external libraries or dynamic data bindings are used.

Nov 19, 2025