Skip to main content
SimilarExport ZIP
100%

Issues Ratings

✓ Published0🌍 Public
AAndresAnayaIsaza
Last edited Feb 4, 2017
Created on Feb 4, 2017

A multi-series line chart displays British public concern about political issues from 1974 onward, based on Ipsos MORI survey data. Each line represents a single issue’s popularity rating over time, and only unemployment is visible initially; clicking legend items toggles other issues on and off. The D3 v3 visualization includes a brushable timeline for date-range selection, with a second smaller axis for contextual zoom. Data is loaded from a TSV file and rendered as SVG with animated line interpolation.

AI-generated description

Please note, data will be randomised until December 2014. It is based on Ipsos MORI's long term Issues Index survey 1974 - 2014.

forked from <a href='http://bl.ocks.org/DStruths/'>DStruths</a>'s block: <a href='http://bl.ocks.org/DStruths/9c042e3a6b66048b5bd4'>d3.js Multi-series line chart interactive</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/e63475b2068ee7ed69345bec9647ba74'>d3.js Multi-series line chart interactive</a>

forked from <a href='http://bl.ocks.org/RicCheng/'>RicCheng</a>'s block: <a href='http://bl.ocks.org/RicCheng/64a4ffccbf7233b290b350cbce87d0dc'>d3.js Multi-series line chart interactive</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Issues Ratings

The visualization displays public concern ratings for 40 political issues from 1974 to 2014, based on Ipsos MORI survey data. Users can toggle issues via an interactive legend, and a brushing slider below the main chart filters the time range. Lines are rendered using `d3.svg.line` with a basis interpolation, while axes, brushing, and mouse-tracking tooltips are built with `d3.svg.axis`, `d3.svg.brush`, and `d3.bisector` on an SVG canvas.

DDStruths
90% match
Loading thumbnail…

Issues Ratings

The visualization shows how issue ratings change over time across many countries, with each country represented by a distinct colored line. The main chart plots yearly ratings, while a smaller brushable context view below enables zooming into specific time ranges. Data is loaded from a CSV file and processed using D3 v3. The implementation uses `d3.time.scale` for the time axes, `d3.svg.line` for the series, and an ordinal color scale with custom colors. A brush filter updates the main display based on the selected range.

PPakcheera Choppradit
82% match
Loading thumbnail…

Issues Ratings

This visualization displays ratings trends for over 100 countries across time, with each country represented as a colored line. Users can examine the data through a focus+context interface, where a main chart shows the detailed view and a smaller brushable timeline allows zooming and panning. The visualization uses d3.svg.line with basis interpolation to create smooth curves, and d3.svg.axis for both the main and context x-axes. A d3.svg.brush enables the range selection in the bottom context area. The data originates from a TSV file, rendered as SVG with animation support.

PPakcheera Choppradit
78% match
Loading thumbnail…

HTML Starter

This chart displays issue ratings over time using multi-line visualizations, with each line representing a distinct category from a TSV dataset. It uses d3.v3 with SVG rendering and animation, featuring a brushing interface for time-range selection. The lines are color-coded via an ordinal scale, while axis and mouse-tracking elements support interactive exploration of the data.

SSasamanas
73% match
Loading thumbnail…

Issues Ratings

The visualization tracks daily closing prices for 11 financial indices and stocks from January 2007 through late 2007, using an animated SVG line chart. Each company or sector index is plotted as a colored line over time, with a hover or scrubber interaction revealing exact values per date. The rendering uses smooth transitions to show the relative performance and volatility of assets like the Health Care Index, Lehman Brothers Holdings, and Marks and Spencer Group, highlighting divergences and correlations across the period. The animation makes it easy to spot trends, such as the decline in some equities during market turbulence, while the sparse data for certain series (e.g., International Consolidated Airlines) appears only later in the timeline, reflecting data availability. The minimal design keeps focus on the data, with a tooltip or legend aiding interpretation.

BBenHeubl
69% match
Loading thumbnail…

Issues Ratings

This animated multi-line chart tracks the daily closing values of 11 stock indices—from healthcare and banking to automotive and retail—from January 2007 through early 2009. Rendered as an SVG, the visualization uses a small-multiples layout to display each index in its own panel, with a play button that animates the date range. Brushing and linking allows viewers to compare trends across sectors and spot correlated movements, such as the synchronized drops during the financial crisis. Color-coded lines distinguish the different indices, while a tooltip reveals exact values on hover. The animation highlights how the financial crisis unfolded across global markets.

BBenHeubl
67% match
Loading thumbnail…

DataViz Project - First Visualization

This interactive line chart, built with React and D3 v5, visualizes the percentage of a country's population affected by mental illness and unemployment over time, with a dropdown menu to select among six American countries. The SVG rendering uses D3's `scaleTime` and `scaleLinear` for the axes, and natural cubic spline curves via `line().curve(curveNatural)` to smooth the trends. A custom color legend distinguishes the two metrics, shown as green (mental illness) and orange (unemployment) lines, using data from a CSV file hosted on Gist.

FFelipe Mejías
66% match
Loading thumbnail…

Untitled

This interactive scatterplot compares a selected social indicator against age-standardized depression rates across countries, with each circle representing a year's data for a chosen region. Users can switch the x-axis between Freedom, Corruption, Generosity, and Health, and filter by geographic region via dropdown menus. Built with React and D3 v6, the visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render SVG circles, with a color-coded legend distinguishing years. Data comes from the `data.csv` file, and the title suggests a thematic focus on societal factors versus depression.

NNikithakatta30
66% match