Skip to main content
SimilarExport ZIP
100%

Expenditure of ministries in 2018-19 on Internet Ads

✓ Published0🌍 Public
BB Sundaresan
Last edited Jun 30, 2020
Created on Jun 30, 2020

This chart shows the comparative expenditure of Indian ministries on internet ads for the fiscal year 2018–19, highlighting the Finance ministry’s dominant spend. It is a horizontal bar chart rendered as SVG, using D3 v5’s `scaleBand`, `scaleLinear`, and `axisLeft`/`axisBottom` within a React starter template. Data is loaded via `d3.csv` from a local file, and bar widths map to the `amount` column. Grey reference lines behind the bars aid magnitude comparison, while axis labels are formatted with `format` to show compact units.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart

This bar chart displays California government expenditures from 2012 to 2019, with the y-axis labeled in tens of millions of dollars. The visualization uses D3 v7’s `d3.scaleBand()` and `d3.scaleLinear()` to encode the categorical years and continuous expenditure values. The React framework renders the bars as SVG rectangles with a `steelblue` fill, while `d3.csv()` reads the data from a CSV file. Axis labels are added using `d3.axisBottom()` and `d3.axisLeft()`, with a title placed above the plot area.

PPranay Matalia
63% match
Loading thumbnail…

Area Chart

This example shows the monthly expenditure of internet users over time, with a line tracing the trend and a light green area filling the space beneath it. The chart uses an SVG rendering with D3 v5, employing `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.line` and `d3.area` with `d3.curveBasis` to generate the smoothed paths. Data is loaded from a CSV file, parsed with `d3.csv` and `d3.timeParse`.

HHema1430
62% match
Loading thumbnail…

Bar charts with D3

This example visualizes total advertising spend across different management entities using horizontal bar charts. The bar lengths encode the numeric "Total Ad Spend" values, while the y-axis lists the corresponding management entities. The SVG rendering uses D3 v5’s `scaleLinear` and `scaleBand` for positioning, with `axisLeft` and `axisBottom` for tick marks. Data is loaded via `d3.csv` from a local CSV file, and bar colors are styled through CSS.

PPranav Revankar
61% match
Loading thumbnail…

Expenditure over time plot

This line chart shows United States government expenditure as a percentage of GDP from 1800 to 2011, based on IMF data. The y-axis measures expenditure percentage, while the x-axis displays the year. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scaleTime`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing. The red line path has a thick, semi-transparent stroke, and gridlines extend across the plot area. Data is loaded from a CSV file hosted on VizHub.

MMukund Khandelwal
60% match
Loading thumbnail…

Line Chart

This line chart displays California government expenditure from 1992 to 2019, with the year on the x-axis and expenditure in units of approximately $10 million on the y-axis. The visualization uses D3 v7 to load CSV data from a GitHub gist and renders an orange line via the `d3.line()` generator within an SVG. Axes are drawn using `d3.axisBottom()` and `d3.axisLeft()`, with linear scales (`d3.scaleLinear()`) mapping data to pixel coordinates. The chart includes a title and axis labels, all positioned manually within the SVG canvas.

PPranay Matalia
60% match
Loading thumbnail…

most streamed songs of all time

This visualization displays a horizontal bar chart comparing the cost per month for basic internet plans across twelve countries. The chart uses SVG rendering with React and D3 v5, employing `d3.csv` to load the dataset and `scaleBand`/`scaleLinear` to position bars and axes. Red gridlines extend from each x-axis tick, with country labels shown on the vertical axis.

GGogineni44
60% match
Loading thumbnail…

Bar charts with D3 - customizing axes

This bar chart displays total ad spend across management entities, with a horizontal layout and a logarithmic-style axis label. The visualization uses d3.scaleLinear and d3.scaleBand to map spend values and entity names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting via d3.format. SVG rendering with d3.select and data binding via d3.csv, importing data from a CSV file containing spend and acquisition metrics.

PPranav Revankar
60% match
Loading thumbnail…

ICE-6: Rendering Marks and Channels with React & D3 - Bar Chart

This bar chart displays the top 15 telecom circles in India ranked by their highest recharge plan expenditure, with each bar’s length encoding cost in INR and its color alternating between salmon and lightpink. Built with React and D3 v5, the visualization uses d3.csv to load the dataset, d3.scaleBand for the categorical y-axis, d3.scaleLinear for the numeric x-axis, and custom SVG elements for axes and bars. The rendering relies on React’s useState and useEffect hooks to fetch and manage data, while d3’s scale and tick functions generate the gridlines and labels.

IIsabella Jaya Rani C
60% match