Skip to main content
Log in
S

saibheemeshwar_maganti@srmap.edu.in

@saibheemeshwar·6 public vizzes

Loading thumbnail…

Pie chart

This pie chart displays the sales distribution by product, with real-time data updates fetched from a remote CSV file. The visualization uses D3.js v7 to construct the pie, with animated transitions for slices, labels, and a color-coded legend. Users can hover over slices to see a tooltip showing the product label and its percentage value. The SVG-based chart also includes interactivity through mouse events and uses d3.pie, d3.arc, and d3.scaleOrdinal for data binding and rendering.

Nov 8, 2024
Loading thumbnail…

Area chart

This area chart displays average monthly temperatures in degrees Celsius from a CSV dataset, filling the area beneath the line with semi-transparent steel blue and adding dark blue circles at each data point. Hovering over a circle turns it orange, enlarges it, and reveals a tooltip showing the month and exact temperature. The visualization uses D3 v7 with an SVG rendering approach, employing `d3.area`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to construct the chart and its axes.

Nov 8, 2024
Loading thumbnail…

ACTIVITY 6

This interactive bar chart visualizes the top 10 most populous countries based on year 2000 data from a CSV file, with each bar’s height proportional to population. Built with React hooks (useState, useEffect) and D3’s csv loader, the chart updates dynamically as the data loads. The code transforms raw CSV values into numeric population figures, slicing the dataset to the first ten entries for focused comparison. The visualization demonstrates responsive rendering within the VizHub V3 runtime, supporting hot reloading for iterative development.

Oct 25, 2024
Loading thumbnail…

6 Buddha

Six overlapping Buddha silhouettes form a radial mandala of reflective symmetry on a floral background. The SVG paths trace the same figure repeatedly, rotated at varying angles. The React code generates nested map loops to create the polygons and applies random colors with low opacity, while the Buddha paths are hand-coded SVG `path` elements. The image uses ReactDOM for rendering and SVG transforms for placement.

Oct 19, 2024
Loading thumbnail…

5 Buddhas

The visualization depicts a dense, chaotic field of overlapping, semi-transparent polygons rendered in vibrant, random colors, superimposed over a large, simplified path of a seated Buddha drawn in gold. It layers thousands of programmatically generated triangles with the Buddha's silhouette to create a complex, psychedelic collage. Built with React and SVG, the piece uses nested `map` loops to generate polygon coordinates and relies on `Math.random()` for its stochastic color and positioning, while the Buddha's form comes from a hardcoded SVG path.

Oct 18, 2024
Loading thumbnail…

5 Buddhas

The visualization depicts a dense, chaotic field of overlapping, semi-transparent polygons rendered in vibrant, random colors, superimposed over a large, simplified path of a seated Buddha drawn in gold. It layers thousands of programmatically generated triangles with the Buddha's silhouette to create a complex, psychedelic collage. Built with React and SVG, the piece uses nested `map` loops to generate polygon coordinates and relies on `Math.random()` for its stochastic color and positioning, while the Buddha's form comes from a hardcoded SVG path.

Oct 13, 2024