jesramyep

@jesramyep·3 public vizzes

Fork of SVG Fundamentals

This SVG example demonstrates basic shape primitives and path drawing within a 960-by-500 pixel canvas. Overlapping red and green circles highlight layering and transparency, while a navy diagonal line and a green bezier path built from a compact `d` attribute show coordinate-based positioning. A second black path with mixed absolute and relative commands (`M`, `L`, `l`) illustrates command chaining. The code uses raw SVG elements (`<circle>`, `<line>`, `<path>`) with explicit `fill`, `stroke`, and `stroke-width` attributes, all embedded directly in the HTML file, making the rendering approach fully declarative and static.

Oct 12, 2022

Loading thumbnail…

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.5

This interactive line chart visualizes cumulative COVID-19 deaths over time for each country, using data from the Johns Hopkins Coronavirus Dataset. A dropdown menu allows switching between countries, while a separate selector toggles between linear and logarithmic Y-axis scales. The chart highlights the selected country’s line in red and shows a tooltip with the death count and date. Built with React and D3 v5, it uses a Voronoi overlay for hover detection and SVG paths for rendering the time series.

May 7, 2021

Loading thumbnail…

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.2

This example displays global COVID-19 deaths over time as a multi-line chart, with each country's trajectory shown on a logarithmic y-axis. Hovering over the visualization uses a Voronoi overlay to highlight the nearest country's line and display its name, date, and mortality rate. The chart is built with React and D3 v5, using d3.line for path generation, d3.scaleTime and d3.scaleLog for axes, and d3.Delaunay for the interactive overlay. Data comes from the Johns Hopkins COVID-19 time series dataset.

Apr 1, 2021