Journalsample over time

100%

Journalsample over time

✓ Published0🌍 Public

Last edited Apr 3, 2018

Created on Apr 3, 2018

This line chart shows the number of journal publications per year from 1951 to 2017, with a peak around 2007 followed by a decline. The visualization uses the D3.js v3 library to render an SVG path, with a time scale for the x-axis and a linear scale for the y-axis. Data is loaded from a local CSV file via `d3.csv`, and axes are generated using `d3.svg.axis`. The line itself is constructed with `d3.svg.line`, mapping parsed year values to x-coordinates and publication counts to y-coordinates.

AI-generated description

This is a simple d3.js graph used as an example in the book D3 Tips and Tricks.

It is aimed at providing some exposure to some d3.js functions and should be taken in context with the text of the book which can be downloaded for free from Leanpub.

forked from <a href='http://bl.ocks.org/d3noob/'>d3noob</a>'s block: <a href='http://bl.ocks.org/d3noob/b3ff6ae1c120eea654b5'>Simple d3.js Graph</a>

forked from <a href='http://bl.ocks.org/MNoichl/'>MNoichl</a>'s block: <a href='http://bl.ocks.org/MNoichl/451766342e94986fe52ad6d74b485163'>Publications in philosophy over time</a>

forked from <a href='http://bl.ocks.org/MNoichl/'>MNoichl</a>'s block: <a href='http://bl.ocks.org/MNoichl/5d97e3ad51caffc3deaca0823bc3d103'>Journalsample over time</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Journalsample over time

This line chart displays the number of publications in philosophy from 1951 to 2017, using a CSV file with date and close columns. The visualization shows a steady increase in publications peaking around 2007, followed by a decline through 2017. Built with D3 v3, the code loads data via `d3.csv`, parses years with `d3.time.format`, and renders a single path using `d3.svg.line`. Axes are generated with `d3.svg.axis`, and the SVG canvas is sized using margin conventions.

MMNoichl

91% match

Loading thumbnail…

Publications in philosophy over time

A line chart displays the number of philosophy publications per year from 1906 to 2017, with a gradual rise and a sharp increase after 1975, peaking near 4000 in 2015. The visualization uses D3 v3 to load a CSV file, parse years as time values, and render an SVG path with axes. It applies `d3.time.scale`, `d3.svg.axis`, and `d3.svg.line` to map dates to x-positions and publication counts to y-positions, with the steel-blue line showing the trend over time.

MMNoichl

76% match

Loading thumbnail…

Gist 2f2eacadf93dfd159da1

This visualization shows journal impact data from the 2012 Journal Citation Reports, rendered as an interactive scatter plot. Each point represents a journal, with position encoding impact factor versus total citations and point size mapping the Article Influence Score. The view is implemented with React managing the component state and D3.js handling the layout and scales. Points are drawn using WebGL for efficient rendering of hundreds of journals, and the animation smoothly transitions points when the underlying data or filters change. SVG is used for axes, labels, and interactive hover effects, while the WebGL layer renders the data points themselves. The visualization enables exploration of relationships between citation metrics across physics, chemistry, and biology journals.

BBenHeubl

70% match

Loading thumbnail…

jasplund3

This bar chart displays the cumulative running total of a dataset from 1949 to 2019, showing steady growth over time. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleBand` for the x-axis to position bars by year and `d3.scaleLinear` for the y-axis. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while the x-axis tick labels are filtered to show every third year. Data is loaded from a CSV file using `d3.csv`.

Ggotyou007

69% match

Loading thumbnail…

jasplund3

This example visualizes a running total over time as a bar chart, displaying a cumulative count that grows from 5 in 1949 to nearly 15,000 by 2019. The chart uses SVG rendering and the D3 v5 library, with `d3.scaleBand` for the categorical year axis and `d3.scaleLinear` for the numeric total axis. The code constructs the visualization by appending rect elements to an SVG group, and it customizes the x-axis ticks to show only every third year using `d3.timeYear.every(3)` and a filter that removes non-matching tick labels. The data is loaded from a CSV file containing year and running_total columns.

JJohn Asplund

69% match

Loading thumbnail…

Scatterplot scientific output

A scatterplot of scientific output, showing the log of total references against year from 1650 to 1982. The visualization uses a brushed region that allows users to zoom into a selected area of the plot; double-clicking the background resets the view. Implemented with d3.v4, the chart renders circles via SVG and animates axis and point transitions using `d3.transition`. Data is loaded from a CSV file containing year and value columns.

MMNoichl

69% match

Loading thumbnail…

Untitled

This example shows the annual variation of a single numeric value from 1895 to 2019, plotted as a time series using D3.js v6. The visualization calculates an SVG line chart from a CSV file with two columns, mapping the year to the x-axis and the value to the y-axis. The code loads the data with `d3.csv`, appends an SVG canvas with a fixed width and height, and prepares to render the dataset, though the drawing logic is incomplete. The chart relies on D3’s data-joining methods to bind the parsed rows to visual elements.

KKaitlyn Trudeau

68% match

Loading thumbnail…

jasplund3

This visualization displays a running total of an unspecified metric from 1949 to 2019, using a time-series bar chart. The chart shows a steady, accelerating upward trend, with each bar representing the cumulative count for a given year. Built with D3 v5, it uses `d3.scaleTime` for the x-axis, `d3.axisBottom` and `d3.axisLeft` for axes, and SVG rectangles to render the bars. Data is loaded from a local CSV file via `d3.csv`, and the y-axis domain is derived from the maximum running total.

JJohn Asplund

68% match