Horas de Sol

dot plot

This dot plot visualization displays a single data series as circular points arranged along a vertical axis. The page embeds a Flourish visualization using the `flourish-embed` script, which loads the chart from a hosted visualisation ID. The rendering relies on Flourish’s internal web-based charting engine, not a custom JavaScript library. The plot shows one variable per dot, with the position and size encoding values, though the exact data source is not visible in the provided HTML. The chart updates dynamically through Flourish’s embedded iframe, allowing interactive exploration of the plotted points.

68% match

Grafo desde Flourish

This example embeds a network graph visualization created with Flourish, a tool for interactive data visualizations. The page loads a specific Flourish visualization (ID 77624) via the Flourish embed script, which dynamically renders the graph inside a `div` element. The visualization shows nodes and connections between them, though the underlying data is not visible in the code. The implementation relies on Flourish’s public JavaScript API and the `flourish-embed` class to initialize the chart, while the actual graph rendering is handled by Flourish’s internal engine, not by a custom library.

68% match

Untitled

This example visualizes the daily sunrise and sunset times, presenting them as a continuous, abstract line graph that flows across the canvas. The visualization uses a custom rendering approach, likely leveraging D3.js, to plot the time data on a dark background with a minimalist aesthetic. The code computes the sun’s position for each day and renders a smooth path based on the time values, with the `styles.css` file setting the overall page layout. The result highlights the seasonal shifts in daylight hours without explicit labels or axes, focusing purely on the visual rhythm of the data.

Aabaninarendra

67% match

Gist 798b9a5ccb654ceebb5b29ce680c5707

This visualization presents a week of daily weather data for a single location, using a circular timeline to encode conditions such as temperature, humidity, wind, and cloud cover. Each day is a concentric ring, with hourly metrics plotted as colored arcs or bars. The code relies on D3.js for layout and rendering, specifically using `d3.forceSimulation` to position labels and `d3.scaleTime` for temporal axes. Data comes from a local JSON file containing Dark Sky API-style forecast fields, rendered in an SVG canvas.

MMbrownshoes

carrera de barras

This visualization, titled "carrera de barras," shows a racing bar chart animation. The page embeds a Flourish visualization via the `flourish-embed` script and a `data-src` attribute pointing to a public Flourish visualisation. The code uses the Flourish public API to load and render the animated bar race, with the chart updating over time to compare categorical values. The data source is specified within the Flourish visualisation itself, not in the local HTML.

DerekNolan Graph - Flourish

This example embeds a Flourish visualization titled “DerekNolan Graph” directly in an HTML page. It shows an interactive network graph, where nodes and connections are rendered in the browser using Flourish’s public embedding API. The code loads the visualization from the Flourish studio via the `flourish-embed` div and the `embed.js` script, which fetches and displays the pre-built chart. No additional JavaScript libraries, such as D3 or Three.js, appear in the source; the graph’s behavior and rendering are entirely handled by the Flourish platform. The data source is a gist authored by aaizemberg.

zoomable sunburst with sunlight colors

This zoomable sunburst diagram displays hierarchical data with arc labels, using the Flare dataset. Clicking an arc zooms into that subtree, the center circle zooms back out, and the background resets the view. The visualization uses D3 v4’s `d3.partition`, `d3.arc`, and `d3.scaleOrdinal` with a 30-color palette from the Sunlight Foundation Style Guide. Labels render along curved paths via `d3.path` and `textPath`, with animated transitions driven by `transition.attrTween` and interpolated scales. A white contour stroke improves label readability.

FFrissAnalytics