Skip to main content
SimilarExport ZIP
100%

Fork of Books with Pages

✓ Published0🌍 Public
KKamilPodsiadlo
Last edited Jul 21, 2021
Created on Jul 21, 2021
Forked from 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.

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

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
91% 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
89% 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
88% 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
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
87% 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
85% 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
82% 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
82% match