Skip to main content
SimilarExport ZIP
100%

Text answers from the dataviz survey 2017 by Elijah Meeks et al.

✓ Published0🌍 Public
MMoritzStefaner
Last edited Mar 17, 2017
Created on Mar 17, 2017

This interactive visualization presents the qualitative text responses from the 2017 Dataviz survey, processing free-form answers into a navigable landscape. It shows the distribution and thematic connections across survey questions about job frustrations, desired support, and workplace improvements. The code uses a React framework with a WebGL rendering engine to display the text data, likely employing a force-directed layout to cluster related responses visually. The underlying data originates from a public gist repository containing the raw survey response files.

AI-generated description

Similar vizzes

Loading thumbnail…

Likert Scale DataViz

This visualization displays Likert-scale survey responses as a vertical sequence of glyphs, one row per question, with each point positioned by response level. The code uses D3 v4 with SVG rendering and a queue for asynchronous data loading from a tab-separated CSV file. A blue line connects question means across the chart, while a gray line highlights individual response patterns. The visualization uses `d3.scalePoint` for question placement, `d3.scaleLinear` for response levels, and `d3.scaleQuantize` for color encoding. A tooltip div is included but remains hidden in this version.

RRaphael-Diana
67% match
Loading thumbnail…

Interactive Map

This interactive map displays survey responses about states visited or lived in, with each state colored according to the frequency of mentions using a choropleth. Built with React and D3 v5, it uses `d3.geoPath` with a `geoAlbersUsa` projection to render U.S. state boundaries from a TopoJSON file. Survey counts are aggregated from a CSV, matched to state names via a TSV, and mapped to a quantile color scale. SVG elements are selected and styled via `d3.select` and `join`.

Xxiaoma1002
66% match
Loading thumbnail…

Fork of React & D3 Starter

This visualization presents a scatter plot of emotional states, with each point positioned by x and y coordinates derived from survey responses. The chart encodes user-reported emotions like "Desire," "Enthusiastic," and "Loved" in a 2D space, likely representing dimensions of emotional valence and arousal. Built with React and D3 v7, the code uses a `useData` hook to load CSV data and a `viz` function that constructs an SVG via D3's selection API. The project demonstrates a decoupled React-D3 integration pattern, where the `VizWrapper` component manages the SVG element and invokes the D3 rendering logic through a ref.

CCheng Tang
66% match
Loading thumbnail…

Untitled

This example presents an infographic-style data visualization built with D3 v5 and React, rendered as an SVG. It displays text from ISACA's 2017 Digital Transformation Barometer, summarizing survey findings about emerging technologies and organizational challenges. The code sets up a fixed-size SVG canvas and uses D3 selections to apply a red background color, while CSS classes style the text elements with specific font sizes, weights, and colors to create a layered, magazine-like layout over a background image.

Hhireign
66% match
Loading thumbnail…

Untitled

This interactive visualization explores the U.S. data science job market by comparing the semantic similarity of job descriptions and positions. It presents two t-SNE scatter plots—one for raw position titles and one for job descriptions—where each point represents a job posting, colored by job category (e.g., Data Analyst, Data Scientist). A confusion matrix shows classification accuracy from a bagging ensemble of linear SVM classifiers, with cell color intensity indicating the proportion of predictions. The React-based interface uses D3.js (`scaleLinear`, `scaleOrdinal`) for scales and rendering, with SVG circles. Hovering over a legend category highlights that class's points across all views and fades others (opacity 0.2), enabling cross-referencing of how descriptions map to titles. Data originates from a Kaggle dataset of 7,000 Indeed job postings.

Kkwmcclintick
66% match
Loading thumbnail…

Mental Health in Tech

This visualization displays survey data on mental health attitudes and disorders in the tech workplace. It shows each participant’s demographic information and answers to questions about treatment, workplace support, and consequences. The code loads the CSV file using `d3.csvParse` and converts the Age field to numeric values. Data is rendered as raw JSON text in a `<pre>` element, managed through a simple state system with custom `viz` and `setState` functions.

RRyan Offstein
65% match
Loading thumbnail…

Test

This example visualizes survey data on happiness and organizational participation across countries, with each country represented as a colored region on a world map. The visualization shows how varying levels of happiness ("very" or "quite") correlate with activity in different organizations (art, environment, unions, politics, etc.), though it currently only loads and logs the data without rendering the map. The code uses d3.csv to parse the dataset and converts all numeric strings to numbers, while the SVG map is prepared with dark blue sphere and light green country paths that turn red on hover. The implementation relies on d3.v5, React, and TopoJSON (loaded but unused in this snippet).

OOhayouKaminari
65% match
Loading thumbnail…

Untitled

This visualization shows survey responses across six professional categories, with bars colored by five response levels ranging from "Not at all" to "Tremendously." Each category displays a cluster of bars for the different response rates. The chart uses d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for the axes. Rectangles are animated into place using transition with random delays, and hover effects darken bar colors. A legend appears sequentially, and the y-axis fades in after the bars animate. The data comes from data.json.

EEagleV22
65% match