Skip to main content
SimilarExport ZIP
100%

HTML Starter

✓ Published1🌍 Public
Aakshaypoojary
Last edited Jun 9, 2020
Created on Jun 9, 2020
Forked from CKYC Bar Chart

This bar chart displays the monthly CKYC success count for 2020, with months on the y-axis and record counts on the x-axis. The visualization uses D3 v5, loading data from a CSV file and rendering as an SVG. It employs `scaleLinear` and `scaleBand` for axes, with bars styled via CSS. The chart includes axis labels and a title, generated through `axisLeft` and `axisBottom`.

AI-generated description

This bar chart shows CKYC success count of 2020 on month wise.

MIT Licensed

Similar vizzes

Loading thumbnail…

HTML Starter

This bar chart displays monthly record counts for CKYC in 2020, showing a dramatic decline from January through April. The visualization uses D3 v5 within a React framework, employing `scaleLinear` for the x-axis, `scaleBand` for categorical months on the y-axis, and `axisLeft` and `axisBottom` for tick marks. Data is loaded via `csv()` from an external file, with records parsed as numbers. The horizontal bars are rendered as SVG rectangles, styled with steel blue fill, emphasizing the sharp drop in counts across the first four months.

Aakshaypoojary
92% match
Loading thumbnail…

CKYC Bar Chart

This bar chart visualizes the month-wise count of CKYC successes for 2020, showing a clear downward trend from January through June. The chart uses D3 v5 to render SVG elements, employing `scaleBand` for the categorical month axis and `scaleLinear` for the record count axis. Data is loaded from a CSV file containing two columns: Month and RecordCount. The visualization includes axis labels and a title, with grid lines styled via CSS.

Aakshaypoojary
90% match
Loading thumbnail…

Scatter Plot for CKYC

This scatter plot shows the monthly CKYC success record counts for 2020, with each circle positioned along a point scale for months and a linear scale for record counts. The code uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for the axes, and d3.axisLeft and d3.axisBottom to render gridlines. Rendered as an SVG, the visualization includes semi-transparent steelblue circles and labels the chart as “CKYC Success Trend of 2020.”

Aakshaypoojary
86% match
Loading thumbnail…

Scatter Plot for CKYC

This scatter plot shows the monthly CKYC success record counts for 2020, with each circle positioned along a point scale for months and a linear scale for record counts. The code uses d3.csv to load the data, d3.scaleLinear and d3.scalePoint for the axes, and d3.axisLeft and d3.axisBottom to render gridlines. Rendered as an SVG, the visualization includes semi-transparent steelblue circles and labels the chart as “CKYC Success Trend of 2020.”

Aakshaypoojary
86% match
Loading thumbnail…

HTML Starter

A bar chart displays the daily amount of a continuous resource over June 2020. The visualization loads data from a semicolon-delimited CSV file and renders horizontal bars using SVG. It employs D3 v5 functions including `csv`, `scaleLinear`, `scaleBand`, and `axisLeft`/`axisBottom` to map values. The layout positions bars vertically by date with lengths proportional to amounts, though axes are not yet drawn. The code includes a minimal HTML skeleton with a placeholder paragraph.

CCeline Margaux Bernard
80% match
Loading thumbnail…

Scatter Plot for CKYC

This scatter plot shows the daily count of CKYC applications submitted in 2020, revealing the success trend over time. Each circle represents a single day’s record count, plotted with time on the x-axis and count on the y-axis. The visualization uses D3 v5 with `scaleTime` and `scaleLinear` for axes, and `axisBottom`/`axisLeft` for tick marks. Data is loaded from a CSV file and rendered as SVG circles with a semi-transparent steelblue fill.

Aakshaypoojary
79% match
Loading thumbnail…

Bar Chart

This bar chart displays monthly head counts from January 2013 through February 2014. The visualization uses D3 v5 with an SVG rendering approach, loading data from a CSV file. The code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisLeft` and `d3.axisBottom` to generate axes. The bars are styled with a steelblue fill, and the chart includes a title and axis label. The y-axis gridlines are customized with `tickSize` to extend across the plot area.

Mmanoj5464
76% match
Loading thumbnail…

Simple d3.js bar chart

This simple d3.js bar chart displays monthly values over a two-year period, with each bar representing a data point from a CSV file. The visualization uses d3.scale.ordinal and d3.scale.linear to map categorical dates and quantitative values, respectively, to pixel positions. Axes are rendered with d3.svg.axis, while the bars themselves are drawn as SVG rectangles with a steelblue fill. The chart includes a navigation interface with circular arrow buttons and a detail area, though the interaction logic is incomplete. Data comes from the external file bar-data.csv, and the visualization is built using the D3 version 3.5.17 library.

PPatrick Wojda
76% match