Skip to main content
SimilarExport ZIP
100%

Chandrakant Bharatkumar Thakkar

✓ Published0🌍 Public
CChandrakantThakkarDigiCorp
Last edited Apr 26, 2020
Created on Apr 25, 2020

A multi-line chart tracks daily total COVID-19 cases for Delhi, Mumbai, and Ahmedabad across April 2020. A draggable jQuery UI slider filters the time range, with a translucent overlay highlighting the selected portion of the axis. D3 v4 scales and axes render the SVG line series and tick labels, while the helper `getTicksCalculation` generates custom date ticks for the slider.

AI-generated description

Similar vizzes

Loading thumbnail…

Chandrakant Bharatkumar Thakkar

This example shows a stacked bar chart of daily values over two weeks in March 2020, with annotations on select bars and an interactive tooltip revealing current and past values. Rendered as SVG, it uses d3.v4’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and the `d3.stack` API with `stackOffsetDiverging` to layer the two value series. A custom axis function adds data-tip labels, while hover interactions trigger a jQuery-based tooltip. The data is embedded in `constant.js`.

CChandrakantThakkarDigiCorp
76% match
Loading thumbnail…

Chandrakant Bharatkumar Thakkar

The visualization demonstrates various D3.js v4 axis tick formats by displaying multiple horizontal axes stacked vertically within a single SVG chart. It shows numeric and date-based data using different formatting methods, including simple numbers, floating-point precision, SI units, and custom date formats. The chart builds several `d3.axisBottom` axes at incremental vertical positions, applying tick formats via `d3.format` and `d3.timeFormat`. Data is hardcoded in the script, with numeric values ranging from 1 to 10 and dates parsed using `d3.timeParse`. The example relies on jQuery for DOM selection and D3's scaling functions like `d3.scaleBand` and `d3.scaleTime`.

CChandrakantThakkarDigiCorp
76% match
Loading thumbnail…

Chandrakant Bharatkumar Thakkar

This example shows a stacked bar chart comparing current and historical values over time, with data tips that appear on hover to reveal percentage changes. Built with D3 v4, the visualization uses SVG rendering and animation to display a diverging stack of two series (`value` and `pastValue`) across daily ticks. The chart calculates axis ranges and tick intervals through custom helper functions, while jQuery is used for tooltip positioning and interaction. The data source is a hardcoded JavaScript array containing daily values with optional annotations, rendered as a cumulative trend with a custom legend and axis styling.

CChandrakantThakkarDigiCorp
74% match
Loading thumbnail…

Chandrakant Bharatkumar Thakkar

A self-updating scatterplot-style chart plots five monotone-smoothed line series of random values against six categorical month labels on shared axes, with twenty randomly placed circles scattered across the same coordinate space. Every second, the animation regenerates all random y-values for every line and repositions every circle, using jQuery to trigger the updates and D3’s transition system to animate the changes smoothly. The SVG rendering uses D3’s scalePoint, scaleLinear, axisBottom, and axisLeft for the axes.

CChandrakantThakkarDigiCorp
74% match
Loading thumbnail…

12

A line chart and a stacked bar chart display COVID-19 confirmed, cured, and death cases in Kerala, India, from a CSV dataset. The line chart plots confirmed cases over time, while the stacked bar chart shows the cumulative breakdown of outcomes. Both charts use D3.js v7, employing `d3.csv`, `d3.scaleTime`, `d3.scaleBand`, `d3.line`, and `d3.axisBottom` with SVG rendering. The visualization is static, with rotated date labels and axis titles.

Hharisankarakeluth@my.unt.edu
73% match
Loading thumbnail…

D3.js Line Chart and Stacked Bar Chart

This example visualizes COVID-19 data for the state of Kerala using two D3.js v7 charts. A line chart traces confirmed cases over time, with red dots and interactive tooltips showing exact dates and counts. Below it, a stacked bar chart breaks down the same data into confirmed, cured, and death categories. The visualization loads data from a remote CSV via `d3.csv`, uses `d3.scaleTime` and `d3.scaleLinear` for axes, and renders with SVG paths, circles, and animated tooltip transitions.

Mmdadeebfarhaan@gmail.com
72% match
Loading thumbnail…

Chandrakant Bharatkumar Thakkar

This example displays a randomized scatterplot of orange circles layered over several smoothly curved lines, each line representing a set of data points mapped across six month labels from January to June. The visualization uses D3.js v4 to generate SVG elements, with scales for positioning and axes for reference. It also includes an interactive reset button that triggers animated transitions, moving all circles to new random positions over one second.

CChandrakantThakkarDigiCorp
72% match
Loading thumbnail…

4

This example visualizes COVID-19 confirmed cases in Uttarakhand over time as a line chart, with interactive tooltips on data points. It uses D3 v6’s `d3.csv` to load data from a remote GitHub repository, `d3.timeParse` and `d3.scaleTime` for date handling, and `d3.line` to generate the SVG path. The chart renders axes via `d3.axisBottom` and `d3.axisLeft`, adds a legend, and displays a tooltip on mouseover using D3 transitions. The line and points are styled with steelblue, and the SVG output includes animation-ready elements.

Vvjc5505@gmail.com
71% match