Skip to main content
SimilarExport ZIP
100%

Books with Pages

✓ Published1🌍 Public
LLeora Wenger
Last edited Nov 25, 2018
Created on Nov 15, 2018
Forked from Hello VizHub

A horizontal bar chart displays eight classic novels ranked by page count, from War and Peace at 1,392 pages to Great Expectations at 505. The chart uses D3 v5’s `scaleBand` and `scaleLinear` to map book titles and page values, with SVG rectangles and axes generated via `axisLeft` and `axisBottom`. Data is loaded from a CSV file using `d3.csv`, sorted descending, and styled with an Ubuntu font.

AI-generated description

List of Books

Great Expectations by Charles Dickens, 505 pages
Ulysses by James Joyce, 783 pages
Shira by S.Y. Agnon, 585 pages
Middlemarch by George Eliot, 904 pages
Jane Eyre by Charlotte Bronte, 507 pages
War and Peace by Leo Tolstoy, 1392 pages
The Count of Monte Cristo by Alexandre Dumas, 1276 pages
Atlas Shrugged by Ayn Rand, 1168 pages

MIT Licensed

Similar vizzes

Loading thumbnail…

Books with Pages

A horizontal bar chart displays the page counts of eight classic novels, from Jane Eyre's 507 to War and Peace's 1,392. The visualization uses D3 v5's `scaleLinear` and `scaleBand` to map data from a local CSV file to SVG rectangles. Axes are generated with `axisLeft` and `axisBottom`, and custom CSS removes scroll bars by setting `overflow: hidden` on the body. The chart lacks interactivity, presenting a static comparison of book lengths.

BBaodi
94% match
Loading thumbnail…

Books with Pages

A horizontal bar chart displays the page counts of eight classic novels, from Jane Eyre to War and Peace. The visualization uses D3 v5 with a linear scale for the x-axis and a band scale for the y-axis, rendering bars as SVG rectangles. The code imports specific functions like `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from D3. Data is loaded from a CSV file, and CSS removes scroll bars by setting the body margin to zero and overflow to hidden.

Mmkt-ds
93% match
Loading thumbnail…

Books with Pages

This visualization displays the page counts of eight classic novels using a horizontal bar chart. The books are listed on the y-axis, while the x-axis represents the number of pages with linear scaling. The chart is rendered as SVG using d3.v5, with data loaded from a CSV file and mapped through `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. Bars are appended as `rect` elements, and the example includes a modified CSS body rule with `overflow: hidden` to remove scroll bars.

AAkbar Mirsidikov
90% match
Loading thumbnail…

Fork of Books with Pages

This chart displays the number of pages for eight classic novels as horizontal bars, with a green-to-yellow color scale encoding page counts. It uses d3.csv to load the data, d3.scaleLinear for the x-axis and color, and d3.scaleBand for the y-axis. The SVG rendering includes axis labels and a title, while CSS margins and overflow hidden remove scroll bars.

KKamilPodsiadlo
88% match
Loading thumbnail…

Books with Pages

This bar chart displays the number of pages for eight books, with book titles on the y-axis and page counts on the x-axis. It uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG visualization from a CSV file. The chart also applies margins and appends axis labels, while the CSS removes scroll bars by setting `margin` and `overflow` on the body.

CCurran Kelleher
86% match
Loading thumbnail…

Books with Pages

This example displays a horizontal bar chart of nine books sorted by page count, with book titles on the y-axis and a linear pages scale on the x-axis. It uses d3.csv to load data, d3.scaleBand and d3.scaleLinear for positioning, and d3.axisLeft and d3.axisBottom with custom tick formatting. The bars are rendered as SVG rectangles with a steelblue fill, and the code removes default axis domains and gridlines. A CSS rule with overflow:hidden removes scroll bars from the body.

DDavid Sjoberg
86% match
Loading thumbnail…

Books with Pages

This dot plot visualizes the page counts of nine books, sorted in descending order, with each book represented as a circle positioned along a linear scale. The chart uses D3 v5’s `scaleLinear` and `scalePoint` to map pages and book titles, while `axisBottom` and `axisLeft` render axes with custom tick formatting. Data is loaded from a CSV file, and SVG circles are appended to the visualization. The code removes scroll bars by adding `margin: 0px; overflow: hidden;` to the body in CSS.

DDavid Sjoberg
83% match
Loading thumbnail…

Books with Pages

This dot plot visualizes the page counts of nine books, sorted in descending order, with each book represented as a circle positioned along a linear scale. The chart uses D3 v5’s `scaleLinear` and `scalePoint` to map pages and book titles, while `axisBottom` and `axisLeft` render axes with custom tick formatting. Data is loaded from a CSV file, and SVG circles are appended to the visualization. The code removes scroll bars by adding `margin: 0px; overflow: hidden;` to the body in CSS.

DDavid Sjoberg
83% match