prakashrai02

@prakashrai02·5 public vizzes

Fork of Daily new cases of Covid in Italy - Scatter Plot

A scatter plot displays daily new Covid cases in Italy over time, with point radius scaled to intensive care patients. The x-axis uses `scaleTime`, the y-axis uses `scaleLinear`, and radius uses `scaleSqrt`. A button toggles a connected path via a `line()` generator. Data comes from the Italian government’s COVID-19 CSV, parsed with D3’s `csv` and rendered as SVG circles.

Feb 23, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal "Hello D3 version 7" message rendered in the center of the browser window using the d3.select method. The page loads D3 v7.6.1 from unpkg, and the code, contained in index.js, calls select('body').text(...) to set the text content of the body element. The page’s CSS sets a very large font size of 13em, making the greeting visually dominant. The rendering approach is straightforward DOM manipulation rather than a chart or canvas.

Feb 23, 2023

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

A pseudo horizontal bar chart displays four labeled values (A through D) as rectangles of varying widths on a white background. The first bar is highlighted with a white fill and black stroke, while subsequent bars are green or black. Built with inline SVG elements, the visualization uses `rect` and `text` markup with CSS styling, including the Share Tech font, and loads in an HTML document. No JavaScript libraries are employed; the chart is purely static SVG rendered at 960 by 500 pixels.

Feb 21, 2023

Loading thumbnail…

Svg fundamentals

This example demonstrates fundamental SVG shapes using inline Scalable Vector Graphics markup. It shows two circles, one black and one red, along with a navy line rendered against the default white background. The code directly defines each element through standard SVG tags such as `<circle>` and `<line>`, specifying coordinates and styling attributes like `cx`, `cy`, `r`, and `stroke`. No JavaScript libraries or data sources are involved, as the visualization relies entirely on static SVG elements within the HTML document.

Feb 21, 2023

Loading thumbnail…

svg

This example shows a collection of basic SVG shapes and paths rendered directly in an HTML document. The main view displays two circles, one unfilled and one blue, alongside a rectangle with a blue outline and a blue line segment. The rectangle definition includes CSS-like hover styling and a transition property, though these interactions are not functional here. A second SVG in a separate file uses a path element with elliptical arcs and quadratic Bezier curves to draw a red abstract heart shape. The code relies solely on raw SVG markup and inline attributes to define the graphics.

Feb 18, 2023