Skip to main content
SimilarExport ZIP
100%

Scholarly Communications Workshops - Fall 2014

✓ Published0🌍 Public
CCliffordAnderson
Last edited Aug 22, 2014
Created on Aug 21, 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.

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
83% match
Loading thumbnail…

Digital Science for Library Workship

This example visualizes a list of Digital Science tools, sourced from a gist by Clifford Anderson, as a static text-based layout. It reads the topics from a Markdown file and renders each entry as a clickable hyperlink to its official website. The code uses the D3.js library, specifically `d3.select` and text element creation, to position the items within an SVG canvas. The visualization does not encode data into shapes or colors; instead, it presents the information as a clean, typographic interface for workshop attendees.

CCliffordAnderson
70% match
Loading thumbnail…

Schedule for Cultural Heritage at Scale

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.

CCliffordAnderson
61% match
Loading thumbnail…

D3 Workshop: Part 3 - Conference Data

This interactive workshop example plots conference registration records as circles on an SVG, with each data point encoding order details such as school affiliation, year of study, and payment timestamp. Built with D3 v4, it uses data binding to append SVG elements and animate their positions. The visualization demonstrates how raw CSV-style data can be mapped into a static scatterplot, with no axes or scales defined, relying on a simple selection and enter-update pattern to display the dataset in a fixed 700x300 viewport.

MMara2020
60% match
Loading thumbnail…

Graph Analysis for the Humanities

This workshop introduces humanities scholars to graph-based data modeling and analysis, presenting a series of hands-on exercises that build from introductory Neo4j concepts to practical applications. It demonstrates how to create graph data models, write Cypher queries, and render interactive visualizations in the browser. The material shows loading Berlin metro data from Wikidata via XQuery and BaseX, then visualizing those connections with Neovis.js, a JavaScript library built on Neo4j's Bolt protocol. The exercise set culminates in web development, using a Python SimpleHTTPServer to deploy graph-based websites.

CCliffordAnderson
60% match
Loading thumbnail…

D3 Workshop: Part 3 - Conference Data

This example visualizes a workshop’s conference registration data, showing the distribution of attendees by their school affiliation and year of study. The visualization uses D3 v4 to render SVG circles, with each data point representing an individual order. The code leverages `d3.select` to bind the embedded dataset and positions circles based on categorical groupings, while animation via D3’s transition methods highlights the points upon load. The raw data, including order timestamps and area codes, is hardcoded in the script, and the rendering focuses on the static SVG container.

FFordMcLeod
59% match
Loading thumbnail…

Gist 3ea15e735c876056ba750785a7ef8362

This example presents a slide deck titled "DH-talk," formatted as a Google Slides presentation. It uses the reveal.js framework to render HTML-based slides, with content drawing from a Gist repository. The presentation focuses on digital humanities topics, and its visualizations are constructed through the `d3.js` library, including `d3.forceSimulation` for network layouts and `d3.geoPath` for geographical mapping. The code demonstrates how to embed interactive charts directly within the slide framework, merging narrative with data-driven graphics for an educational talk.

CCliffordAnderson
59% match
Loading thumbnail…

Grupo de estudio

This example shows a schedule of mathematics seminar talks on finite group representations, presented in an HTML table with expandable accordion panels for session details. The page uses the MathJax library to render any inline mathematical notation, while the accordion functionality is implemented with custom JavaScript and CSS toggling panel visibility. Each talk entry includes the date, speaker, a short title, and links to external resources like videos and notes. The data is hardcoded directly in the HTML structure.

HHéctor del Castillo
58% match