Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Article Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7d837c9d90d24ec8b663ea90cf82be70

Open

Article Starter

0 stars6🌍 Public
CCurran Kelleher
Last edited Feb 20, 2024
Created on Feb 9, 2024
Forked from Hello VizHub 3

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 description

This is how you can use VizHub to publish an article!

Just delete all the code files except README.md.

You can use the VizHub Embed Feature to embed other vizzes in your article. For example, here's an example of embedded responsive visualizations:

<iframe src="https://vizhub.com/curran/2d9651a57dd5443783b0c3c8c47cdfcf?mode=embed" width="100%" height="500" scrolling="no" frameborder="no"></iframe><iframe src="https://vizhub.com/curran/0169b225047849b38073ab1909443f8c?mode=embed" width="100%" height="500" scrolling="no" frameborder="no"></iframe><iframe src="https://vizhub.com/curran/a79db1c446a4432ba2596faaa8d151e3?mode=embed" width="100%" height="500" scrolling="no" frameborder="no"></iframe><iframe src="https://vizhub.com/curran/750aaaae7b7046f0a072df137a7f5c76?mode=embed" width="100%" height="500" scrolling="no" frameborder="no"></iframe>

Challenge

  • Fork this article starter and embed your favorite responsive works