PubViz

100%

✓ Published0🌍 Public

Last edited Feb 27, 2017

Created on Feb 27, 2017

PubViz is an interactive visualization for exploring publication metadata from BibTeX files. It combines a tag cloud of keywords with a scatterplot of publications, using color highlighting to reveal relationships between terms and papers. The tool parses BibTeX data, renders titles and abstracts as animated, scalable vector graphics, and supports user-driven exploration of the corpus. The visualization is built with D3.js and jQuery, and it allows customization of highlight and decoration colors.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

D3 viz

A force-directed graph displays a network of academic papers, where each node represents a cited work and its size reflects the number of citing patents. The visualization uses `d3.forceSimulation` to position nodes and `d3.drag` for interactive dragging. Yellow circles are rendered as SVG elements within a fixed 600x600 viewport. The data, containing paper titles and patent counts, is supplied locally in the script.

AArmin van Eldik

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

63% match

Loading thumbnail…

Gist 879f0558f74087fe6297c49737f4560f

This interactive scrollytelling visualization guides viewers through a literature-mining workflow for Alzheimer’s disease research, using PubMed-derived publication and citation data. It shows how data techniques help graduate students identify impactful clinical studies amid a growing flood of papers. The interface uses D3.js (including `d3.select`) to update narrative text, a vertical navigation menu, and a Plotly bar chart where hovering reveals details and clicking labels opens external links. The analysis highlights trends in publication volume, journal impact factors, and citation milestones, with data sourced from PubMed and processed into an interactive narrative.

HHeronwang

62% match

Loading thumbnail…

Fork of Fork of Fork of Interactive Book Dataset

This interactive dashboard presents two linked views of the Top 10 Publishers dataset: a scatterplot of average rating against text review count for individual books, and a horizontal bar chart displaying the average rating for each prominent publisher. Hovering over a point or bar highlights all books sharing the same publisher, while a dropdown menu adjusts the scatterplot’s point opacity for clearer view. Built with React and D3 v6, the visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circle and rect elements with mouseenter/mouseleave events for coordinated highlighting.

FFremont

62% match

Loading thumbnail…

Interactive Book Dataset

This visualization presents two linked views of a GoodReads dataset of the top 10 most popular publishers. The left panel is a scatterplot mapping book page count against average rating, while the right panel displays a horizontal bar chart of publishers sorted by rating. Both views use green circles and bars that turn red on hover via D3 mouse events. The code employs d3.scaleLinear, d3.scaleBand, d3.axisBottom, and d3.axisLeft, rendering with SVG. Data is loaded asynchronously from a remote CSV using d3.csv.

FFremont

62% match

Loading thumbnail…

Fork of Fork of Interactive Book Dataset

This visualization presents two linked charts from a GoodReads dataset: a scatterplot of book ratings counts against average ratings, and a horizontal bar chart of the top 10 publishers by average rating. Hovering over a dot or bar highlights all books from that publisher across both views. A dropdown menu adjusts the opacity of the scatterplot points. The piece is built with React and D3.js (v6), using SVG elements and transitions, with data parsed via `d3.csv`.

FFremont

61% match

Loading thumbnail…

Fork of Interactive Book Dataset

This visualization presents a dual-chart view of a GoodReads book dataset. The left panel is a scatterplot of average rating versus page count, with each book as a point. The right panel is a horizontal bar chart displaying the top 10 most popular publishers, with bars sorted by the number of books published and positioned along the average rating axis. Hovering over any data point or bar highlights all books sharing that publisher’s identity across both charts, while a dropdown menu adjusts circle opacity. The implementation uses D3.js v6, including scales for linear and band layouts, SVG circle and rect elements, and mouse event listeners.

FFremont

61% match

Loading thumbnail…

Visualization

This visualization displays a principal component analysis of citation data from 2,000 philosophy articles, projecting each article into a 2D scatterplot where points are colored by K-Means cluster assignment. The chart, built with D3 v3 and rendered as SVG, supports zooming and panning through the d3.behavior.zoom API. Each dot represents an article, with mouseover tooltips provided by the d3-tip library. The visualization includes an interactive button that switches the x-axis to display carbohydrate values, demonstrating a data-viewing alternative, though the primary dataset remains the citation components.

MMNoichl

61% match