dc.js Experiment

100%

dc.js Experiment

✓ Published0🌍 Public

Last edited Aug 10, 2013

Created on Aug 10, 2013

This experiment uses dc.js, built on d3.v3 and crossfilter, to display Leanpub book sales data from a CSV file. It shows interactive line charts for downloads, sales, and royalties per day, alongside row charts for the day of the week. The dc.js API (e.g., `dc.lineChart`, `dc.rowChart`) handles chart creation and linking, while crossfilter dimensions manage data grouping and reduction. Users can brush and filter across the charts, with a reset link to clear selections, illustrating linked brushing for multidimensional time-series exploration.

AI-generated description

This file can be used (in conjunction with the appropriate JavaScript libraries noted in the code) with a copy of the csv of book sales from Leanpub. It is a file designed to be available in conjunction with the blog post on d3noob.org that investigated changes in book downloads.

The csv file should have a search and replace carried out on it to replace all instances of a white space (an ordinary 'space' character) with an underscore '_'.

Similar vizzes

Loading thumbnail…

dc.js Experiment

This dc.js experiment uses a crossfilter to coordinate multiple linked charts—bar charts, a line chart, a row chart, and a pie chart—to explore a dataset of 2013 earthquakes from New Zealand's GeoNet service. The visualization includes a data table and a filter count, with all charts updating dynamically to reflect selections. The dimensions (magnitude, depth, time of day, day of week, and island location) are defined via `crossfilter` and used by `dc.barChart`, `dc.lineChart`, `dc.rowChart`, and `dc.pieChart`. Data loading and parsing rely on `d3.csv` and `d3.time.format`, while charts render as SVG elements.

Dd3noob

79% match

Loading thumbnail…

Super Leanpub Extrapolation

A multi-line chart tracks the daily sales ranks of nine Leanpub books over several months, plotting cumulative book counts on the y-axis against time on the x-axis. Distinct stroke colors differentiate each book, revealing relative popularity trends, including one book’s rapid rise. The visualization uses D3.js (v3) with `d3.svg.line` and basis interpolation to smooth paths, paired with `d3.time.scale` for the date axis. Data comes from a CSV file of daily snapshots, rendered as SVG with axis and gridline styling via CSS.

Dd3noob

75% match

Loading thumbnail…

dc.js Experiment

This dc.js experiment visualizes earthquake data from New Zealand’s Geonet service, displaying events by magnitude and depth as bar charts, a line chart of events per hour, and a sortable data table. Built with crossfilter for multidimensional filtering, dc.js coordinates the charts, while D3.js handles SVG rendering and animated transitions. The dashboard loads a CSV file containing earthquake records and supports interactive filtering across all visualizations simultaneously.

Dd3noob

73% match

Loading thumbnail…

Leanpub Book Download Scatterplot

This visualization plots every download of the book D3 Tips and Tricks from January 2013 to March 2015, with the date on the x-axis and time of day on the y-axis. Points are aggregated into 10-minute blocks, with larger circles indicating multiple downloads at the same time. The main scatterplot is complemented by line graphs showing daily download totals and time-of-day distribution. The code uses D3.js (version 3.5) with `d3.nest`, `d3.time.scale`, `d3.svg.axis`, and `d3.bisector` for data aggregation, interactivity, and the secondary charts.

Dd3noob

72% match

Loading thumbnail…

Fork of CS416 Project_2

This interactive D3.js visualization explores Amazon's Top 50 Bestselling Books from 2009 to 2019, combining two chart types. The main view displays a scatter plot, using `d3.scaleLog` for review counts, `d3.scaleLinear` for user ratings, and circle size encoding book price, with tooltips on mouseover. A second panel shows bar charts comparing yearly user ratings and prices using `d3.scaleBand` and `d3.scaleLinear`. Buttons trigger `init()` functions to filter the data by year, and a tooltip provides book details via CSS-styled divs.

Mmz4987

71% match

Loading thumbnail…

Leanpub book download extrapolation

This visualization tracks the cumulative download counts of nine Leanpub books over time, using a multi-line chart to compare their popularity. The graph displays the extrapolated data, allowing viewers to hover and observe when one book’s download total surpasses another. The visualization is built with the D3.js library, using its `d3.time.scale`, `d3.scale.linear`, and `d3.svg.line` APIs to render the axes and lines. The CSV data is parsed and plotted, with each book represented by a distinct colored line, and the chart includes interactive tooltips for precise values.

Dd3noob

71% match

Loading thumbnail…

Simple Difference Chart v7

This difference chart visualizes the daily change in cumulative downloads for two Leanpub books, "R Programming for Data Science" and "The Elements of Data Analytic Style," from April to June 2015. The SVG rendering uses D3 v7 APIs including `d3.csv`, `d3.group`, `d3.timeParse`, `d3.scaleTime`, and `d3.scaleLinear` to compute and display the difference between the two series. The area between the lines is shaded orange or green depending on which book has higher daily gains, with dark green and red lines for the individual series. Data originates from the `downloads.csv` file, showing daily download totals.

Dd3noob

70% match

Loading thumbnail…

Simple Difference Chart v5

This difference chart shows the daily change in Leanpub book sales for two titles, “R Programming for Data Science” and “The Elements of Data Analytic Style,” over time. The difference between the two series is filled in with orange above zero and green below zero, using clipped areas. The code uses D3 v5’s APIs including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.area`, and `d3.nest` to structure the CSV data. The chart renders as an SVG, with lines for each series drawn via `d3.area` and `d3.curveBasis`.

Dd3noob

70% match