AIDS poster ICONCLASS

100%

AIDS poster ICONCLASS

✓ Published0🌍 Public

Last edited Apr 27, 2015

Created on Apr 27, 2015

This visualization shows the frequency of ICONCLASS depth-1 codes in AIDS-related posters over time, with each of the ten top-level categories plotted as a colored line across the years 1983 to 2012. The data is loaded from a CSV file using D3.js (version 3.5.5) and rendered as an SVG. Lines are generated with the `d3.svg.line` generator, with scales and axes from `d3.time.scale` and `d3.svg.axis`. Category colors are assigned via a legend object, and hovering over a line reveals its code via a `<title>` tooltip.

AI-generated description

Similar vizzes

Loading thumbnail…

AIDS poster ICONCLASS

A horizontal bar chart ranks ICONCLASS codes of depth 3 by their frequency of occurrence in the AIDS poster dataset, with bar width proportional to the count. The bars are color-coded by the first digit of the code, grouping them into ten top-level categories such as Religion, Nature, and Humans. Built with D3.js and rendered as SVG, the visualization reads data from a local CSV file, sorts the rows by count, and uses `d3.svg.axis` for the top-oriented count axis. A legend maps category numbers to colors, and hover tooltips show the exact count, code, and textual description for each bar.

MMrMattSim

95% match

Loading thumbnail…

AIDS poster ICONCLASS

This scatterplot maps ICONCLASS classifications from AIDS awareness posters, plotting each iconographic theme by its average significance weight against a count of appearances. Dots are colored by top-level ICONCLASS category, such as religion, nature, or humans, with a legend below. The visualization uses D3.js to load CSV data, scale axes, and render an interactive SVG, with tipsy tooltips providing detailed icon descriptions on hover.

MMrMattSim

93% match

Loading thumbnail…

AIDS poster ICONCLASS

This visualization is a custom D3.js scatter plot that maps ICONCLASS iconographic codes from a CSV file, appearing as a dense, vertical strip of colored rectangles. It shows the frequency and classification of each iconographic symbol, with each rectangle’s height and color encoding the count and hierarchical category (e.g., Religion, Nature, Humans) via a legend. The code uses `d3.csv` to load the data, `d3.select` and `d3.svg.axis` for rendering, and custom scales to position elements, while also appending hover tooltips with code descriptions. The rendering is an SVG output, with the data sorted by count and displayed as a compact, barcode-like representation.

MMrMattSim

90% match

Loading thumbnail…

A6 - Bar Chart w/ Sequential Color Scale

This example visualizes new AIDS diagnoses in 2020 for six countries, using a horizontal bar chart where bar height encodes the diagnosis count and a sequential red color scale encodes the same quantitative value. The visualization includes an axis, gridlines, and a legend for the color scale. The chart is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleSequential` with `d3.interpolateReds` for the color mapping. The legend is generated via the `d3.legendColor` API. Data comes from UNAIDS via CORGIS.

AAndrew Blakeslee Moore

72% match

Loading thumbnail…

HIV / AIDS world map vis

This visualization presents a choropleth world map depicting HIV/AIDS prevalence rates for the year 2017. Country boundaries are rendered using the `geoNaturalEarth1` projection and `geoPath` from D3, with graticules and interiors drawn for context. The map is color-coded using a sequential yellow-orange-red scale (`scaleSequential(interpolateYlOrRd)`) applied to AIDS prevalence data, with missing data displayed in gray. The geographic data originates from World Atlas TopoJSON, while the prevalence statistics are sourced from a CSV dataset.

CCatalina Vajiac

71% match

Loading thumbnail…

HIV/AIDS Choropleth

This chart visualizes global HIV/AIDS prevalence among adults aged 15-49 for the year 2017, using a sequential color scale from yellow to red to indicate severity, with countries lacking data highlighted in red. Built with React and D3 v5, it renders an SVG map using a natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`, overlaying graticules and country borders from TopoJSON data. The prevalence values are loaded from a CSV file and mapped to each country by name, with a sequential scale (`d3.scaleSequential` and `interpolateYlOrRed`) determining fill colors.

WWaseem Medhat

70% match

Loading thumbnail…

Bubble Chart in D3

This bubble chart visualizes the prevalence of AIDS in six African countries, plotting the number of individuals living with the disease on the y-axis against the year on the x-axis. The bubble size encodes the number of new diagnoses, while color distinguishes countries. The visualization uses D3.js v7 with SVG rendering and d3.csv for data loading, d3.scaleLinear for scales, and custom legends for size and color. It includes axes with formatted tick labels and a title, requiring side scrolling due to the chart's dimensions.

AAndrew Blakeslee Moore

69% match

Loading thumbnail…

Assignment 5: Bubble Chart

This bubble chart displays relationships between four HIV-related indicators across 20 countries using a 2020 dataset. The x-axis maps the total number of people living with HIV, the y-axis shows AIDS-related deaths, bubble size encodes new HIV infections, and bubble color represents adult HIV prevalence. The visualization uses D3.js v7 with SVG rendering. The code employs linear scales (`d3.scaleLinear`) for both axes, a square-root scale (`d3.scaleSqrt`) for bubble sizing, and a linear color scale (`d3.scaleLinear`) ranging from light blue to dark navy. Data is loaded from a CSV file using `d3.csv`, with a legend indicating infection and prevalence extremes.

Aamrubal

69% match