Books with Pages

100%

Books with Pages

✓ Published1🌍 Public

Last edited Nov 24, 2019

Created on Nov 24, 2019

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.

AI-generated description

A fork of @leorawe: Books with Pages that shows how to get rid of the scroll bars.

The following CSS was added to the body section:

  margin: 0px;
  overflow: hidden;

MIT Licensed

Similar vizzes

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

94% match

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

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

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

91% match

Loading thumbnail…

Books with Pages

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.

LLeora Wenger

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

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

86% match

Loading thumbnail…

Books with Pages

DDavid Sjoberg

86% match