🌍 Public
Viewing a saved revision (read-only)
2c4ab7e69edc48428f65ec8e6f1e2ebd
Article Starter
This example demonstrates how VizHub can be used to publish an article with embedded interactive visualizations. It shows four responsive charts—a scatter plot, bar chart, line chart, and axes—rendered via iframes that adapt to different screen sizes. The code uses the VizHub embed feature to integrate the visualizations, and the charts themselves are built with D3.js. The README file serves as the primary content, with the embedded vizzes illustrating the platform's capability for hosting and sharing data-driven articles.
AI-generated descriptionAn example showing the capabilities of VizHub 3:
- There is no
index.htmlhere! - The entry point is the named export
mainfromindex.js - The first argument to
mainiscontainer, a DOM node - The
containerDOM node is a<div>with measurable dimensions - You can
import './styles.css'to load CSS - You can
import data from './data.csv'to load CSV data - Dependencies such as D3 are configured in
package.json - Alt+Click on a color to get a color picker
- Alt+Drag on a number for to change it
- All changes are hot reloaded
- Works with remote collaborators!