Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Pprasaad.lakshme901@gmail.com
Last edited Mar 18, 2024
Created on Mar 18, 2024
Forked from HTML Starter

This bar chart visualizes average broadband speeds across multiple countries, sourced from a CSV file hosted on GitHub. The visualization uses D3.js v6 to load the data and render an SVG bar chart with rotated x-axis labels for country names and a linear y-axis for speed values. Bars are styled in steel blue and highlight orange on hover. The chart includes axis titles and a subtitle, with margins and dimensions configured to present the comparison clearly.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example visualizes the relationship between average broadband and mobile internet speeds across geographic regions. The scatterplot uses D3.js v6 to map each data point with circles, positioning them along the x-axis for broadband speed and the y-axis for mobile speed. The code loads CSV data from a GitHub repository, scales the axes with d3.scaleLinear, and renders the points with SVG circles. Axis labels and a chart title clarify the comparison, while the styling in CSS defines the layout, background, and hover effects for the visualization.

Pprasaad.lakshme901@gmail.com
88% match
Loading thumbnail…

Fork of HTML Starter

A bar chart displays national-level data from a CSV dataset, filtered to include all years for the "National" level. The visualization uses D3.js to create an SVG rendering, with a band scale for the x-axis and a linear scale for the y-axis. Bars are drawn as rectangles filled with steelblue, and axes are generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded asynchronously via `d3.csv` from a GitHub gist URL.

Pprathyusha-reddy-arch
83% match
Loading thumbnail…

Fork of bar plot

A horizontal bar chart displays average wages across countries for 2022, using D3 v7 to load CSV data via `d3.csv` and render SVG elements. The chart encodes numeric values with `d3.scaleLinear` for the x-axis and categorical country names with `d3.scaleBand` for the y-axis. Bars appear in steelblue, turn orange on hover, and axes are formatted with `d3.axisBottom` and `d3.axisLeft`. The data comes from a remote gist URL, and styling is handled through CSS classes.

Nnagasai.mandalapu@gmail.com
78% match
Loading thumbnail…

Fork of HTML Starter

This example displays a static bar chart of country populations, reading from a CSV file with `d3.csv` and rendering rectangles with `d3.selectAll` and `data.join`. It uses D3 v7 within a plain HTML page, with data loaded asynchronously and converted to numbers. The visualization demonstrates basic data binding and SVG shape creation, though the rendered bars are all fixed at 300 by 300 pixels, so the chart does not reflect population values visually.

Vvoid-LSTM
78% match
Loading thumbnail…

HTML Starter

This visualization displays a horizontal bar chart comparing population sizes across five countries, using a simple CSV dataset loaded from `data.csv`. The chart employs D3 v6 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to bar widths in an SVG canvas. A `<g>` element translates the chart within margins, and rect elements are bound to the data and styled with steelblue fill via the CSS file. The axis labels and bar heights are generated dynamically from the parsed data.

KKyo
77% match
Loading thumbnail…

HTML Starter

This visualization displays a horizontal bar chart comparing population sizes across five countries, using a simple CSV dataset loaded from `data.csv`. The chart employs D3 v6 APIs including `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map population values to bar widths in an SVG canvas. A `<g>` element translates the chart within margins, and rect elements are bound to the data and styled with steelblue fill via the CSS file. The axis labels and bar heights are generated dynamically from the parsed data.

KKyo
77% match
Loading thumbnail…

Fork of D3 Starter

This bar chart displays country values using D3 v7, with each country represented as a vertical bar on an SVG canvas. The visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` for tick rendering. Data comes from a static JavaScript array in `constants.js`. The chart includes rotated x-axis labels and an additional scrollbar implemented via a `foreignObject` element, though the scrollbar’s interaction is limited within the fixed-width SVG.

RRishav Nandi
77% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a CSV data viewer that summarizes internet speed statistics by country. It fetches a remote CSV file and displays key metrics in a modal dialog, including column names, row and column counts, and the countries with the highest fixed and mobile internet speeds. The visualization uses the Fetch API to load the data, JavaScript to parse and analyze the CSV text, and Bootstrap 4.5.2 for the button trigger and modal styling. No charts or graphical encodings are rendered; the presentation is entirely text-based within a styled HTML container.

Pprasaad.lakshme901@gmail.com
77% match