Palkkikuvio

100%

✓ Published0🌍 Public

Last edited Jan 10, 2016

Created on Jan 10, 2016

This visualization compares Democratic and Republican responses to a set of survey questions. Each question is listed on the left, with a horizontal line connecting the two party positions, marked by colored circles, along a 0–100 scale. The chart uses D3.js (v3.5.5) to render the SVG, including the axis, lines, and labels, with hard-coded sample data from a gist.

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

Black and White Hat

This bar chart displays the percentage of agreement among Democrats, Republicans, and Independents, with the title "Court Agreement by Political Party." Built with D3 v7 and rendered as SVG, the visualization uses a band scale for the categorical x-axis and a linear scale for the y-axis. The code appends axis groups, calls d3.axisBottom and d3.axisLeft, and draws steelblue rectangles sized by each party's percent value from the embedded data array. Titles and subtitles are added via SVG text elements.

EEunice Tu

74% match

Loading thumbnail…

combined chart

This combined chart displays voting data over time, using a bar chart to show Democrat votes and overlaid line charts for Republican and Independent votes. The visualization is rendered as an SVG graphic using the D3.js library, with a clean white background and labeled axes. Data is loaded from a CSV file and parsed to numeric values, then scaled using D3's band and linear scales. A legend and gridlines help distinguish the data series, while the x-axis labels are rotated for readability.

Nnithinreddypinikesi@my.unt.edu

73% match

Loading thumbnail…

graph2

A donut chart displays the partisan composition of the U.S. Senate across five congressional sessions, from the 112th through the 116th Congress. Users select a specific congress from a dropdown menu, which triggers animated transitions between the donut’s arc segments and updates the numeric labels positioned along thin connector lines. Built with D3 v5, the visualization uses `d3.pie`, `d3.arc`, and `transition.attrTween` to interpolate geometry smoothly, while `d3.scaleOrdinal` assigns colors to Republicans, Democrats, and Others. The underlying data is embedded as an array of objects containing seat counts per party for each session.

JJoseph D. Galloway II

70% match

Loading thumbnail…

[A10] Bar Chart of 2016 Election Data (Found Black Hat + White Hat Redesign)

This bar chart visualizes voter quantities across four political groups, using a color scale of blue, red, black, and gray to differentiate categories. The visualization loads election results from a CSV file via d3.csv, then renders SVG bars with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Interactive hover effects change bar opacity and display a quantity tooltip, while axes are labeled using d3.axisBottom and d3.axisLeft.

Cctan13@dons.usfca.edu

69% match

Loading thumbnail…

PseudoViz: Diverging Likert

This visualization displays a diverging Likert scale for survey responses across twelve social media platforms. Each horizontal bar is centered at zero, with segments extending leftward (disagreement, in reds) and rightward (agreement, in blues), sized proportionally to the percentage of total responses. Bars are sorted by overall positive sentiment. The implementation uses d3 v7’s `select`, `scaleLinear`, and `join` to render SVG rects. The data is a hardcoded array of twelve six-integer counts. Colors are manually prescribed using hex values, while the d3-scale-chromatic library is loaded but not used.

KK Munz

69% match

Loading thumbnail…

Pie Chart ICE7 Democrats

A pie chart displays the distribution of Democratic primary election results by credit rating category, with values ranging from 0 to 73.2 percent. The visualization uses D3 v5's `pie`, `arc`, and `scaleOrdinal` functions to generate SVG paths from CSV data, applying a categorical color palette. A legend on the right lists each label with its corresponding percentage. The data is loaded from a GitHub Gist containing election data for USA states in 2020, and percentages are formatted using D3's `format` function.

LLakshmiVandanaNunna

69% match

Loading thumbnail…

Fork of Fork of Fork of Digital mockup of a line chart

This pseudo-visualization presents a stylized mockup of age distribution across major political parties, using horizontal bars to compare two groups. The chart encodes party affiliation through color, with red and blue rectangles representing different segments. Built with React and rendered as SVG, the visualization uses static positioned `<rect>` elements sized to suggest proportional differences between categories. The design incorporates the Share Tech font family from Google Fonts, creating a digital aesthetic that mimics a line chart while maintaining a fixed, non-interactive layout.

Ddsims2157

69% match

Loading thumbnail…

Voter preference

This interactive visualization explores voter preferences among 2016 Republican presidential candidates using a circular network diagram. Clicking a candidate recenters the layout and highlights their head-to-head matchups against all rivals, with link thickness and position indicating support strength. A second panel displays stacked bar charts showing each candidate’s ranking as first through sixth choice, allowing users to click and remove candidates to see how votes redistribute. Built with D3.js and Vue, the SVG animation uses `transition.attr`, `dataAppend`, and custom scales, processing ranked-choice survey data from a CSV file.

11wheel

68% match