bar chart

100%

✓ Published1🌍 Public

Last edited Jun 25, 2022

Created on Jun 25, 2022

This visualization displays stock dividend yields for MSE-listed companies in 2020, with data derived from the ratio of dividends to book values from a CSV file. Each company is represented by a horizontal bar, sorted in descending yield order, and the x-axis uses a linear scale labeled as "Yield" with percentage formatting. The chart is rendered as an SVG using D3 v6 APIs, including `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisBottom` with `format` for tick labels. The bars are colored steelblue via CSS, and the layout includes margins, axis labels, and a title, with the data processing and rendering handled entirely through D3's `select`, `csv`, and scale functions.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Barchart of Stock yields

This horizontal bar chart displays stock yields, calculated as dividend divided by book value, for companies on the MSE in 2020. Data from `data.csv` is loaded via `d3.csv` and sorted in descending order by yield. The visualization uses a linear scale for the x-axis and a band scale for sorted company names, with axes generated by `d3.axisBottom` and `d3.axisLeft`. Rectangles are drawn in SVG with a steelblue fill, and the x-axis labels are formatted as percentages using `d3.format`.

KkannamAmulyachowdary

89% match

Loading thumbnail…

Barchart of Stock yields

This horizontal bar chart shows the stock yield, calculated as dividend divided by book value, for 13 companies on the MSE in 2020, sorted in descending order. Built with D3 v6, it uses `scaleLinear` and `scaleBand` for the value and category axes, and `axisBottom` with a percentage format. The SVG rendering includes a grid from the x-axis ticks and labeled axes, with the dataset loaded from a local CSV file.

Ttharanitaran

88% match

Loading thumbnail…

Scatterplot of Stock yields

A scatterplot displays stock yields for 13 companies on the MSE in 2020, calculating each yield as dividend divided by book value and sorting companies in descending order. Circles are positioned using d3.scaleLinear for the x-axis and d3.scalePoint for the categorical y-axis, with axes rendered via d3.axisBottom and d3.axisLeft. The code loads data from a CSV file with d3.csv and uses SVG rendering with d3.v6.

CChinzorigt Ganbat

82% match

Loading thumbnail…

Barchart of Stock yields

This bar chart displays the stock yields on the Macedonian Stock Exchange in 2020, comparing the dividend-to-book-value ratio across companies. The data is loaded from a CSV file and sorted in descending order. Using D3 v6, the visualization employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis categories, and `axisLeft` and `axisBottom` to render the axes, with the yield formatted as a percentage. The chart is rendered as SVG with steel-blue bars.

CChinzorigt Ganbat

80% match

Loading thumbnail…

Fork of Fork of Barchart of Stock yields

The chart displays stock yields on the Macedonian Stock Exchange in 2020, ranking companies from highest to lowest yield calculated as dividend divided by book value from a CSV file. It uses d3.v6 with SVG rendering, employing d3.csv for data loading, d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.axisBottom and d3.axisLeft for labeled axes. Yield values are formatted as percentages, with horizontal bars colored steelblue.

SSaiSreya1

79% match

Loading thumbnail…

Fork of Barchart of Stock yields

This horizontal bar chart ranks stock yields on the Macedonian Stock Exchange in 2020, with company names on the y-axis and yield percentage on the x-axis, sorted in descending order. It uses D3 v6’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG rectangles and axes. Data is loaded from a CSV file, and each yield is computed from dividend divided by book value. The chart’s title, axis labels, and grid lines are styled via CSS.

VVineela Reddy

79% match

Loading thumbnail…

Making a Bar Chart

This example shows a horizontal bar chart of dividend values for seven companies, with company names on the y-axis and a linear scale for the dividend amounts on the x-axis. The chart uses `d3.csv` to load the data, `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and `axisLeft` and `axisBottom` to render the axes. Bars are drawn as SVG `rect` elements with `fill: steelblue`, using `csv` loading and a margin-based layout with an inner plotting area.

CChinzorigt Ganbat

77% match

Loading thumbnail…

Fork of bar chart of stock market with react and d3

This example visualizes the dividend yields of the top 12 companies from a CSV dataset, rendering a horizontal bar chart in SVG. The React component fetches and parses the data with `d3.csv`, then uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. D3’s `ticks()` generates the axis gridlines and labels, while the bars are drawn as `<rect>` elements sized by the dividend values. The chart includes margins and axes, with data loaded asynchronously and displayed after a brief "Loading" state.

Mmeghshah612

77% match