Sayyed Arib Hussain

@sayyedarib·3 public vizzes

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as a series of horizontal rectangles, with no axes or labels, using a “pathetic” bar chart style. The chart loads UN World Population Prospects 2019 data via `d3.csv`, then uses React hooks (`useState`, `useEffect`) to manage state and fetch the data. It renders SVG rectangles scaled with `d3.scaleBand` for the y-axis positioning and `d3.scaleLinear` for the x-axis widths, based on the 2020 population values.

Sep 22, 2023

Loading thumbnail…

SVG_Fundamentals

This example demonstrates the fundamental building blocks of SVG rendering within a React application. It displays a single circle element positioned at coordinates (200, 100) with a radius of 50 pixels, drawn directly into an SVG container. The visualization uses plain SVG markup embedded in HTML, with no additional JavaScript libraries or data sources. The styling is handled through an empty CSS block, showcasing how SVG shapes can be created with minimal code. This serves as a bare-bones starting point for understanding SVG syntax before incorporating interactive features.

Sep 22, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a static HTML page displaying the text “Hello HTML!” centered and styled with a large font size. The page uses plain CSS to set the font size and text alignment within a `div` element. It does not include any data visualization, JavaScript logic, or external libraries, serving solely as a minimal demonstration of HTML and CSS structure. The code is contained entirely within a single `index.html` file.

Sep 22, 2023