sumit

@just4kick·3 public vizzes

Fork of Waseem's Rank on HackerRank

This visualization tracks the author's rank on HackerRank as they solve JavaScript algorithm problems, displaying rank values on a logarithmic scale against time. The chart uses a step-after line and circular points to show rank progression from November 2020 to February 2021, with hover interactions revealing a vertical reference line and detailed date/rank labels. Built with React and D3 v6, it employs `scaleTime` and `scaleLog` for axes, `curveStepAfter` for the line, and SVG rendering for output.

Apr 25, 2023

Loading thumbnail…

Fork of Fork of ICE-7 Area Chart

This example displays the cost of sales from 2000 to 2013 as a smooth area chart, with the filled region emphasizing the trend over time. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `line` generators with a `curveBasis` smoothing, rendered as SVG paths. Axes are drawn with `axisLeft` and `axisBottom`, including gridlines and formatted tick labels via `format('.3s')`. Data is loaded as CSV from a GitHub gist, parsed into `Date` objects for the year and numeric cost values, and positioned within margins using a standard SVG `<g>` transform.

Apr 25, 2023

Loading thumbnail…

Fork of ICE-7 Area Chart

This fork of ICE-7 Area Chart visualizes the cost of sales from 2000 to 2013 using an area chart with a smooth curve. The SVG rendering uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `line`, `curveBasis`, `axisLeft`, and `axisBottom`. A black line traces the data while a yellow filled area beneath it emphasizes the trend. The chart loads CSV data from a GitHub gist, formats years as dates, and labels axes with the provided titles.

Apr 25, 2023