Karthik G

@KarthikGandu·4 public vizzes

Fork of ICE 7 Area Chart

This fork of the ICE 7 Area Chart visualizes car sales in India from 2009 to 2019, combining a smooth line and an orange filled area to show sales trends over time. The chart uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, `d3.area`, and `curveBasis` for interpolation. Data is loaded from a CSV file and parsed with `csv` and `timeParse`, while axes are generated via `axisLeft` and `axisBottom` with gridlines and rotated axis labels.

Mar 27, 2022

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart depicts annual car sales in India from 2009 to 2019, with a red line tracking sales over time. The visualization uses d3.csv to load the dataset, d3.scaleTime and d3.scaleLinear for the axes, and d3.line to generate the path. Grid lines are styled via d3.axisBottom and d3.axisLeft with tickSize. The SVG rendering includes rotated axis labels, and the data is parsed with d3.timeParse for year values.

Mar 27, 2022

Loading thumbnail…

Fork of ICE - 7 Pie Chart Maanas Katta

A pie chart displays the top 10 countries by deaths in 2020 from air pollution. Each slice is labeled with its death count in thousands, and a legend lists countries with corresponding values. The code uses d3.csv to load data from a GitHub gist, d3.pie, d3.arc, and d3.scaleOrdinal to generate the SVG paths and colors. Text labels are positioned using arc.centroid(). The visualization is rendered entirely with D3 v5 in an SVG canvas.

Mar 27, 2022

Loading thumbnail…

Fork of emoji-like face with mouth (D3)

This example renders a yellow emoji-like face with two eyes and a smiling mouth as a static SVG graphic. The React component defines the drawing using D3’s `arc` generator to create the mouth path, while circles are used for the head and eyes. The face is centered within a 960×500 viewport, with the entire group translated to the middle via an SVG `<g>` element. The code demonstrates integrating D3 shape APIs with React’s declarative JSX syntax, using inline style removal for the body margin and D3 v7 loaded via unpkg.

Feb 19, 2022