Skip to main content
SimilarExport ZIP
100%

page count of goole books

✓ Published0🌍 Public
Yyingzhe-z
Last edited Apr 2, 2021
Created on Apr 2, 2021

This visualization displays page counts for a selection of Google Books titles as a horizontal bar chart, using a blue gradient fill for each bar. The chart is built with D3 v6 in an SVG framework, reading data from a local CSV file and using `scaleLinear`, `scaleBand`, and the `axisLeft` and `axisBottom` components to position bars and ticks. Additional text labels for axes are styled with a gradient, and the Y-axis domain and tick lines are removed for a cleaner presentation.

AI-generated description
MIT Licensed

Similar vizzes

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
76% 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
76% 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
75% 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
75% 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
74% 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
74% 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
73% 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
71% match