Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hello Semiotic

Public visualization

Viewing a saved revision (read-only)

6db6dfa9d03b44388302d8cb96229b01

Hello Semiotic

0 stars0🌍 Public
CCurran Kelleher
Last edited Sep 30, 2019
Created on Sep 11, 2019
Forked from HTML Starter

The visualization displays survey responses about probability phrases, with each phrase plotted as a distribution of percentage values across respondents. It uses Semiotic’s `ResponsiveOrdinalFrame` with a `summaryType` of `"joy"` to render overlapping density-like curves, colored via a custom palette and styled with `summaryStyle`. Data is parsed from CSV using `csvParse`, and the axis formats percentages with `tickFormat`. React and D3 v5 handle rendering, with `oPadding` and `margin` controlling layout spacing.

AI-generated description

A demonstration of how to use Semiotic.

Ported from CodePen: Joy Plot by Elijah Meeks.