Vishalojha9111@gmail.com

@Vishal-Ojha9111·3 public vizzes

Fork of Refactored Bar Chart

This fork of the refactored bar chart displays the top 10 most populous countries from United Nations World Population Prospects 2019 data, using React and D3 v5. The visualization renders vertical bars whose widths encode population values, with axes generated through D3’s scaleBand and scaleLinear. SVG output is produced via React components, with the `AxisBottom`, `AxisLeft`, and `Marks` components building the chart’s structure and styling.

Jul 24, 2024

Loading thumbnail…

Fork of Responsive Bar Chart

This responsive bar chart visualizes the top 10 countries by total population using data from the UN Population Estimates 2024, sourced via `@curran/un-population-estimates-2024`. It ranks countries along the x-axis against population (in thousands) on the y-axis, with a light gray inner rectangle framing the plot area. The visualization adapts its dimensions to the container using `observeResize` from `@curran/responsive-axes`, and leverages D3’s `scaleBand` and `scaleLinear` for scales, `axisLeft`, and declarative SVG joins to render axes and bars.

Jul 24, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates a blank-slate starter project for the VizHub V3 Runtime Environment, which supports continuous hot reloading through interactive widgets. The code exports a `main` function from `index.js` that receives a container DIV element and an options object with `state` and `setState`, allowing developers to adjust properties like font size in real time by holding the Alt key and dragging numbers. The project showcases the simplified entry point that eliminates the need for an `index.html` file, using only JavaScript to render content into the provided container. This setup provides a foundation for building interactive data visualizations with immediate visual feedback.

Jul 21, 2024