Hüseyin Yalçın

@hsynylcn22·2 public vizzes

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

This scatter plot visualizes the daily new COVID-19 cases in Italy over time, with the radius of each point proportional to the number of patients in intensive care. A toggle button in the top-left corner switches the display of an overlaid path connecting the points. The visualization uses d3.csv for data loading, d3.scaleTime for the x-axis, d3.scaleLinear and d3.scaleSqrt for the y-axis and radius, respectively, and renders points as SVG circles. Data comes from the Italian government’s continuously updated COVID-19 repository.

Jan 15, 2023

Loading thumbnail…

SVG Fundamentals

This example demonstrates the fundamental building blocks of SVG rendering in a React-based visualization. It presents an empty HTML document with a title element, showing how SVG structure integrates with a minimal web page. The code uses React and JavaScript, with the README referencing the VizHub platform as a hosting environment. The visualization emphasizes clean, bare-bones implementation, relying on standard HTML5 and CSS conventions rather than external rendering libraries or data-driven methods like D3’s force simulations or geo paths.

Jan 15, 2023