Skip to main content
Log in
A

akshaypoojary

@akshaypoojary·10 public vizzes

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.

Jun 9, 2020
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.”

Jun 9, 2020
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.”

Jun 9, 2020
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.

Jun 9, 2020
Loading thumbnail…

HTML Starter

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`.

Jun 9, 2020
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.

Jun 9, 2020
Loading thumbnail…

Shapes with SVG and CSS

This example shows basic geometric shapes rendered as Scalable Vector Graphics, demonstrating how CSS can style an SVG document. A red circle and a green rectangle are placed directly in the SVG markup, while the `style.css` file resets the page margin and hides overflow. The implementation uses plain HTML elements and SVG tags, with no JavaScript libraries or data sources, relying on the browser’s native SVG rendering to display the static composition.

Jun 8, 2020
Loading thumbnail…

Shapes with SVG and CSS

A React-based visualization renders two hardcoded SVG shapes—a red circle and a green rectangle—on a 960-by-500 canvas. The example demonstrates fundamental SVG elements (`<circle>`, `<rect>`) styled via an external CSS stylesheet, which resets body margins and hides overflow. Using raw JSX markup within the HTML structure, it shows how React integrates declarative SVG rendering directly in the component tree, with no data binding or interactive behavior beyond the static visual output. The styling is applied through classless selectors, emphasizing layout and presentation basics.

Jun 8, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a single static HTML file. The code relies on plain CSS to set the body’s alignment and font size, with no external libraries or JavaScript. It demonstrates the simplest possible starting point for a visualization, showing how raw HTML and CSS can render content without additional frameworks. The styling is defined in an embedded `<style>` block, and the text is placed directly in the `<body>` element.

Jun 8, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page using a single static HTML file. The code relies on plain CSS to set the body’s alignment and font size, with no external libraries or JavaScript. It demonstrates the simplest possible starting point for a visualization, showing how raw HTML and CSS can render content without additional frameworks. The styling is defined in an embedded `<style>` block, and the text is placed directly in the `<body>` element.

Jun 8, 2020