Issues Ratings

100%

Issues Ratings

✓ Published0🌍 Public

Last edited Apr 11, 2017

Created on Apr 11, 2017

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.

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'>SF Fire Department Multi Series</a>

forked from <a href='http://bl.ocks.org/steyUSFCA/'>steyUSFCA</a>'s block: <a href='http://bl.ocks.org/steyUSFCA/23705efc446091a15958b7b364f2affd'>SF Fire Department Multi Series</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Issues Ratings

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.

RRicCheng

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

91% 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

79% 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

71% 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 interactive line chart visualizes Facebook page performance metrics across different post hours, with each colored line representing a specific engagement metric such as total likes, impressions, or reach. The visualization features a dual-axis layout with a main chart and a brushing context panel, allowing users to zoom into specific time ranges. Built with D3.js v3, the code uses d3.scale.linear for axes, d3.svg.line for series rendering, and d3.svg.axis for tick marks. The dataset is loaded from a CSV file containing hourly post statistics, with animated transitions and a tooltip on mouse hover.

TThanaporn-sk

67% match