Fork of Untitled

100%

Fork of Untitled

✓ Published0🌍 Public

Last edited Apr 5, 2023

Created on Apr 5, 2023

Forked from Untitled

This bar chart displays the daily earnings of individuals, with each person’s name on the x-axis and their corresponding amount on the y-axis. The visualization uses D3 v6 to load CSV data asynchronously via `d3.csv`, then binds it to SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`. The chart is rendered as static purple bars within an SVG canvas, with axis labels positioned manually via HTML divs.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A bar chart displays the daily earnings of named individuals, with purple bars scaled along linear and band axes. The chart loads CSV data from a GitHub gist, parses the numeric `amounts` field, and uses `d3.scaleBand` and `d3.scaleLinear` to map categories and values. The SVG rendering appends rectangles via `d3.selectAll` and adds axes with `d3.axisBottom` and `d3.axisLeft`.

VVineela Reddy

90% match

Loading thumbnail…

Fork of Bar Chart

This fork of a bar chart visualizes the relationship between years of experience and salary. It renders steel-blue SVG rectangles using D3.js v7, with an x-axis for experience and a y-axis formatted to display salary in dollars. The code loads CSV data from a GitHub gist and uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart. A title and axis labels are added as text elements, and the SVG is sized at 800 by 600 pixels.

Ppreethamkesa

80% 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

80% match

Loading thumbnail…

Fork of Bar Char in D3

This bar chart visualizes the relationship between inherited type and average total worth for billionaires, using a dataset loaded from a GitHub gist via `d3.csv`. The visualization employs `d3.scaleBand` for the categorical X-axis and `d3.scaleLinear` for the numeric Y-axis, rendering bars as SVG rectangles. Hovering changes bar color from steel blue to orange, and axes are styled with custom CSS. The chart updates its height based on the maximum value in the data, with a tidy layout defined by explicit margins.

EEunice Tu

80% match

Loading thumbnail…

Fork of A4_Bar-chart

This bar chart visualizes average salaries by job title, with each bar’s height mapped to the population value from a CSV file loaded via `d3.text`. Built with D3 v6 in a React framework, it uses `d3.scaleBand` and `d3.scaleLinear` to position rectangles, includes interactive tooltips on hover that change bar color, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The SVG output is styled with rotated x-axis labels and a title.

Ppavan vasamsetti

80% match

Loading thumbnail…

Fork of Fork of A4_Bar-chart

This example displays a bar chart of average salaries by job title, with each bar colored steel blue and highlighted orange on hover. It fetches CSV data from a remote gist using `d3.text`, parses it into job title and salary pairs, and renders the chart as SVG via D3 v6. The visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and includes a tooltip div that appears on mouseover showing the job title and formatted salary.

Ppavan vasamsetti

80% match

Loading thumbnail…

Fork of Untitled

This visualization displays uptime data in hours for five dates in January 2017, using a bar chart rendered as SVG. The bars use a steelblue fill that turns brown on hover, with axes styled to remove the x-axis path. The code leverages d3.v4, using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes. Data is embedded in the script, converted from seconds to hours, and plotted with a y-axis labeled “Frequency.”

HHelen-Luwei-Zhang

80% match

Loading thumbnail…

Fork of Fork of Untitled

This example shows a bar chart of server uptime in hours across five dates in January 2017, using d3.scaleBand and d3.scaleLinear. The chart renders as SVG with hover highlighting, changing bar color from steelblue to brown on mouseover. The data is loaded from an external CSV file about crimes against Indian women, though the visible dataset is hardcoded inline. Two donut charts are mentioned as new features, but the code only implements the bar chart with simple axes and bar rects.

VVamsiYandapalli

79% match