amith-2001

@amith-2001·5 public vizzes

Fork of Sarawak Visualize By Kevin

This choropleth map of Sarawak uses a natural Earth projection to render the state’s districts, with each region filled using a blue sequential color scale. The visualization loads GeoJSON district boundaries via `d3.json` and `topojson.feature`, then draws SVG paths with `d3.geoPath`. State selection filters data to Sarawak only. Built with React and D3 v5, the map adapts its projection to the available width and height.

Oct 5, 2023

Loading thumbnail…

Sol witt

This example generates a full-screen SVG visualization inspired by Sol LeWitt’s geometric wall drawings. It creates 100 vertical rectangles, each 20 pixels apart and 10 pixels wide, spanning the entire height of the viewport using the `window.innerWidth` and `window.innerHeight` properties. The code directly manipulates the SVG DOM via `document.createElementNS` and `setAttribute`, appending the shapes to the page without any external libraries or data sources.

Oct 5, 2023

Loading thumbnail…

Untitled

This example demonstrates a minimal setup for loading external libraries and local modules in a web page. It displays the text message "Hello VizHub!" in large, centered type. The visualization uses D3’s `select` function to target the `#message` div and update its text content, while a local ES6 module exports the message string. Custom CSS styles the message with a large font size and center alignment, showcasing basic integration between D3, modular JavaScript, and styling.

Oct 5, 2023

Loading thumbnail…

Fork of React Starter

This example renders a full-screen React component that displays the text “Hello React!” in large, centered type. The code uses the React 18 `createRoot` API to mount the application into a root DOM element, with the visual style defined through inline CSS in the HTML. It serves as a minimal starter template demonstrating basic React setup without external data or complex rendering logic.

Oct 4, 2023

Loading thumbnail…

this is displyed in the title of the web page

This example displays a red circle and a rectangular shape directly on an SVG canvas using plain SVG elements. The page renders a circle at coordinates (50, 50) with a radius of 50 pixels and a rectangle with a width of 100 and height of 200, followed by the text “Hello world”. The visualization uses React as the framework and renders through SVG, with the shapes defined directly in the HTML structure without additional JavaScript libraries.

Oct 4, 2023