Skip to main content
SimilarExport ZIP
100%

Issues Ratings

✓ Published0🌍 Public
RRicCheng
Last edited Sep 13, 2016
Created on Sep 13, 2016

This interactive multi-series line chart visualizes UK public concern about political issues from 1974 to 2014, based on Ipsos MORI’s Issues Index survey. The visualization plots each issue’s percentage rating over time, using color-coded, selectable lines rendered with SVG via D3.js v3. A brushable time-series context panel below the main chart allows zooming into specific date ranges, while a mouse tracker triggers a bold, tooltip-style display of the currently hovered date and issue ratings.

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>

mit Licensed

Similar vizzes

Loading thumbnail…

Issues Ratings

This interactive visualization tracks public concern about major political and social issues in the UK from 1974 to 2014, based on Ipsos MORI survey data. Each issue is plotted as a colored line, and users can click legend entries to show or hide categories, with a brushable timeline slider for zooming into specific periods. Built with D3 v3, the SVG chart uses `d3.svg.line` with basis interpolation and `d3.svg.brush` to create the focus and context views. A mouse-tracking overlay reveals precise values for the hovered date.

SSaminu
95% match
Loading thumbnail…

Issues Ratings

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.

AAndresAnayaIsaza
92% match
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
91% 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
80% 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
76% 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
69% 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
68% 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
66% match