Khurram Shafique

@kskhan77·2 public vizzes

Scatter Plot Using Different Data Set

A scatter plot displays tweets per minute across the hours of the day, using time on the x-axis and tweet count on the y-axis. The visualization loads CSV data from a GitHub repository and renders points as SVG circles. D3 v7 APIs such as `scaleTime`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` handle scaling and axes, while `selectAll` and `join` bind data to circles. Tick labels are formatted with `timeFormat` to show hour periods like “AM” and “PM.”

Oct 24, 2023

Loading thumbnail…

svg leraning

This example shows a single SVG circle centered within the viewport, serving as a minimal demonstration of SVG rendering within a React-based VizHub project. The circle is drawn using the raw SVG `<circle>` element with fixed `cx`, `cy`, and `r` attributes. The code uses no JavaScript libraries or data sources, relying solely on the browser’s built-in SVG support. The visualization acts as a static, primitive scene for learning SVG syntax and placement, with no interactivity or animation.

Jun 1, 2023