Viewing a saved revision (read-only)
709b389cd5d5472c85ffd3237ed64b82
Responsive Plots
This example presents a collection of three interactive health-related visualizations, each exploring relationships between lifestyle factors and health outcomes. The article demonstrates how to embed multiple responsive plots within a single page, combining data on alcohol consumption, cardiovascular disease, and physical activity. Each visualization uses D3.js with interactive elements, likely incorporating dynamic filtering and tooltips to explore the data. The data is drawn from health survey datasets, with the visualizations rendered using Vega-Lite specifications embedded through iframes, as evidenced by the embedded VizHub links in the README.
AI-generated descriptionThis 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:
Responsive Axes
<iframe src="https://vizhub.com/Bashir1999/alcohol_education?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Responsive Scatter Plot
<iframe src="https://vizhub.com/curran/0169b225047849b38073ab1909443f8c?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Responsive Bar Chart
<iframe src="https://vizhub.com/curran/a79db1c446a4432ba2596faaa8d151e3?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Responsive Line Chart
<iframe src="https://vizhub.com/curran/750aaaae7b7046f0a072df137a7f5c76?mode=embed&embed=branded" width="100%" height="500" scrolling="no" frameborder="no"></iframe>Challenge
- Fork this article starter and embed your favorite responsive works