Schedule for Cultural Heritage at Scale

100%

Schedule for Cultural Heritage at Scale

✓ Published0🌍 Public

Last edited May 3, 2019

Created on Apr 11, 2019

This schedule visualization uses a force-directed graph to map the two-day conference program, with nodes representing time slots, events, and locations. The code employs `d3.forceSimulation` to position linked nodes, while `d3.select` and `transition.attrTween` animate hover effects. Event nodes display titles as text, and color-coded clusters distinguish Thursday from Friday. The data comes from a Markdown table in `schedule.md`, parsed via JavaScript’s `fetch` and a custom regex parser. Location labels appear as fixed nodes, and tooltips use `d3.pointer` to show full session details on interaction.

AI-generated description

Similar vizzes

Loading thumbnail…

List of Workshops

This example visualizes the schedule and topics of a fall 2015 workshop series, using a gist of raw Markdown as its data source. It renders each workshop as a distinct element, likely a card or list item, with titles, instructors, and dates drawn directly from the parsed text. The code employs a custom JavaScript parser to extract session details and uses d3.js for layout and transitions, though the core rendering relies on simple DOM manipulation via `d3.select` and `text` methods. The visualization emphasizes chronological ordering and thematic grouping, though it does not show interactive filtering or dynamic updates beyond static display.

CCliffordAnderson

66% match

Loading thumbnail…

Project Schedule Visualization

This visualization shows a project schedule as a network of activities and their dependencies, with each circular node representing a task and light-blue links representing finish-to-start relationships. The data comes from the RanGen project management dataset, stored as JSON. Using d3.forceSimulation with forceX, forceY, forceCollide, and forceManyBody forces, the code positions nodes on a canvas and redraws the network on every simulation tick via the Canvas API.

RRubens

64% match

Loading thumbnail…

Gist 8a97689739c217f28474d80c89013628

This visualization uses a force-directed graph to show relationships between entities, with nodes positioned by `d3.forceSimulation` and links drawn as curved paths. The code computes node sizes and colors from quantitative attributes, while a canvas overlay via `d3.geoPath` and `getImageData` samples pixel density to modulate link opacity based on local clustering. It employs a custom `transition.attrTween` to animate node drift when the simulation restarts, and uses the `d3.hierarchy` API to flatten nested data from a JSON file. The visualization reads credentials from an `env.list` file for a private data source, but the rendering logic is independent of that authentication step.

CConorAspell

64% match

Loading thumbnail…

Force-Directed Graph V2

This force-directed graph maps a network of arts organizations and their related projects, with nodes grouped into four color-coded clusters and connected by weighted links. The visualization uses D3’s `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while a drag interaction lets users move nodes and restart the simulation. Node sizes vary by hierarchy level, and labels appear directly on nodes as SVG text. Data is generated programmatically in `data.js`, with link distances and node styling defined per connection.

Sschneich

63% match

Loading thumbnail…

Gist 05ff2219cb2cc463ad1612e8a501c400

This visualization uses a force-directed simulation to show a network of interconnected nodes, with each node represented as a colored circle and links drawn between related points. The code relies on `d3.forceSimulation` and `d3.forceLink` to compute the layout, while `d3.drag` enables user interaction to move nodes. A canvas element renders the graph, with the simulation updating positions each tick. The data appears to be a small custom-generated dataset of nodes and edges, with node colors mapping to distinct groups, and the visualization does not include any external data source or geographic rendering.

MMistyBlunch

62% match

Loading thumbnail…

Gist 890029

This visualization maps the timestamps of Gist 890029 commits as a radial time-series layout, showing activity across days of the week and hours. It uses d3.forceSimulation to position circular nodes on a spiral, with each point encoded by day and time. The rendering relies on d3.quadtree for collision detection and a custom path generator via d3.curveLinear, while axis labels and tick marks are drawn using d3.axisTop and d3.axisLeft. The source data comes from the gist’s file list, where each line is a timestamp parsed into a Date object. Color intensity varies by frequency, and the visualization highlights daily rhythms through a stacked circular band.

CCaged

62% match

Loading thumbnail…

Organization Graph Diagram

An interactive force-directed graph visualizes connections between cultural organizations, with large main nodes linked to smaller child nodes and minimal leaf nodes. The data defines a hierarchical structure for groups like Arts Web and Social Impact Commons, with edges connecting them. The visualization uses d3.forceSimulation, forceManyBody, forceLink, and forceCenter to compute node positions, rendering circles, text labels, and lines as SVG elements in a React application.

Mmkhachabi

61% match

Loading thumbnail…

Scholarly Communications Workshops - Fall 2014

This example shows a workshop series schedule for fall 2014, listing each session’s topic, date, and presenter in a text-based layout. The visualization uses a simple HTML structure with headings and lists to group information by week, rendering the content as plain text without charts or graphs. It relies on no external libraries, instead presenting the data directly from a Markdown file that is parsed and displayed.

CCliffordAnderson

61% match