Issues Ratings

100%

Issues Ratings

✓ Published0🌍 Public

Last edited Oct 22, 2020

Created on Oct 22, 2020

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

77% match

Loading thumbnail…

Book ratings

This visualization displays the distribution of book ratings across various genres, with each horizontal bar representing a genre and stacked segments showing the proportion of ratings in different ranges (below 1.0, 1.0-1.5, 1.5-2.5, 2.5-3.5, above 3.5). The chart uses D3 v7 loaded via UNPKG, with d3.scaleOrdinal for color mapping, d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis, and d3.stack for creating the stacked bar data from a CSV file. Interactive tooltips display exact percentages on hover, and a legend indicates the rating categories. The SVG rendering includes shared axes and a title, with data processed through d3.csv.

HHarshithaAmbilpur

70% match

Loading thumbnail…

Number of Ratings 2016-2020

This visualization displays the number of board game ratings from 2016 to 2020, using circles to represent individual data points over time. The chart places each rating count as a circle within an SVG canvas, with colors assigned via d3.scaleOrdinal and d3.schemeCategory10. The code loads data from a CSV file using d3.csv, formats dates with d3.timeFormat, and arranges the visualization with margins and a translated group element. The rendering relies on React and d3.v5, producing a bordered SVG output.

Oolin8

70% match

Loading thumbnail…

Drug Ratings Date Histogram

This visualization displays a date histogram of drug ratings, with each bar representing the total rating count for a specific time interval across the dataset. The example uses React to render SVG elements, with d3.scaleTime and d3.scaleLinear handling the x and y axes respectively. The d3.histogram function bins the data, while custom AxisBottom, AxisLeft, and Marks components generate the tick marks and rectangular bars. Data comes from the Drug Ratings Dataset CSV file, which is fetched using d3.csv and parsed with a row function that converts ratings to numbers and dates to JavaScript Date objects.

BBhojarajHG

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