Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
SSrishti2398
Last edited Jan 5, 2020
Created on Jan 5, 2020
Forked from Scatter Plot

This scatter plot displays the literacy rates of women across 16 Indian states, with each circle representing a state and its position along the horizontal axis corresponding to the literacy percentage. The vertical axis lists the state names, using a point scale for categorical placement. The visualization is built with D3 v5, employing `scaleLinear` for the numeric axis and `scalePoint` for the categorical one, alongside `axisBottom` and `axisLeft` for the ticks. Data is loaded from a local CSV file, and the SVG rendering includes styled circles and axis labels.

AI-generated description

This bar chart shows populations of 10 the most populous countries. The data comes from the year 2018 estimate in [United World Population Prospects 2017]

MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart using d3

This bar chart displays the literacy rates of women across Indian states, with horizontal bars ordered by literacy percentage, from Kerala’s high rate to Bihar’s lower rate. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft/axisBottom to render ticks. A transition.attr on rectangle widths animates the bars over two seconds. SVG rendering includes labeled title and axis, with tick lines and custom formatting for rate values.

SSrishti2398
83% match
Loading thumbnail…

Literacy rate of visualization in Pie Chart

This pie chart displays the literacy rates of Southern Indian states, with each slice representing a state and its corresponding percentage. The visualization uses D3.js (v5) to render the chart as SVG, employing the `pie` and `arc` functions to generate the segments, `scaleOrdinal` for color mapping, and `arcGenerator.centroid` to position state labels. A legend with colored swatches and percentage values accompanies the chart. Data is loaded from a remote CSV file using D3's `csv` method, and formatting of the tick labels is handled with `format`.

Pprachow
79% match
Loading thumbnail…

Scatter-plot-crime-rate-women-India-chargesheet-rate

This interactive scatter plot compares the chargesheet rate and crime rate against women across Indian states for 2021, using NCRB data loaded via d3.csv. Each circle represents a state, with color encoding the state name and opacity highlighting the selected point. Built with React and D3 v7, the visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal with schemeDark2 for coloring, and d3.axisLeft and d3.axisBottom for ticks. Clicking or hovering a circle updates its opacity and stroke width, and the SVG renders all marks with an interactive tooltip effect.

NNita
74% match
Loading thumbnail…

Scatter Plot for Density(per Km.) in India

This scatter plot displays population density per square kilometer across Indian states and union territories, using 2012 data from the United Nations Population Prospect 2017. The visualization maps states along the y-axis and density values on the x-axis, with each circle representing a state’s density. Built with D3 v5, the code uses `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisBottom` and `axisLeft` for gridlines and labels. The SVG rendering applies a logarithmic-style tick format via `format('.3s')`, with circles colored orange against a light blue background.

SSrishti2398
73% match
Loading thumbnail…

Scatter Plot

This scatter plot shows the population of nine South Asian countries, with each circle’s horizontal position encoding population size and its vertical position arranged by country name. The code loads data from a CSV file using `d3.csv`, then applies `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, rendering circles as SVG elements. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while population values are formatted with `d3.format` to abbreviate large numbers. The visualization uses a fixed 960×500 SVG canvas with custom margins and styled tick labels.

Mmedhedijebara
72% match
Loading thumbnail…

Fork of Practice D3 Scatter Plot

This scatter plot visualizes the average rural education index across Indian states from 2016, using data from the India Gov Open Data repository hosted on GitHub. D3 v7 loads the CSV, filters for rural sectors, and aggregates education values by year through a reduce operation. The visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and SVG circles with a fixed radius of 10 pixels to represent each data point, rendered across a full-window canvas.

SSubhendu Karmakar
72% match
Loading thumbnail…

Making a Scatter Plot

This scatter plot visualizes the populations of ten Indian cities from the 2011 census, with city names on the vertical axis and population on the horizontal axis. The horizontal axis uses a linear scale with tick labels formatted in abbreviated units. The chart is rendered as SVG using D3 v5, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes from the `data.csv` file.

AArvind Lairenjam
72% match
Loading thumbnail…

Scatter plot

This chart displays population figures for ten countries using a scatter plot, where each circle’s horizontal position corresponds to its population value and its vertical position aligns with the country name. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` to map data, `axisBottom` and `axisLeft` for the axes, and SVG rendering. Data is loaded from a local CSV file and formatted with a compact tick format.

Kkaviya-ds
72% match