Trying to get schooner-tk to work

Tracking @tmcw's prediction

This example tracks a series of tweets and links that compare Esri’s products and events to those of Mapbox and the wider FOSS4G community. It presents a timeline of exhibits, from drone no-fly zones and hexbin maps to GeoDev HackerLabs and GPS track mapping, each with corresponding URLs. The data is sourced from a gist by TheMapSmith, with entries linked via Twitter statuses and blog posts. The visualization does not use external libraries, relying on plain HTML and Markdown to structure the chronological log.

64% match

Gist 242e773969e53286f87a

This example presents a dynamic geographic mapping interface powered by a live data feed from a Quadrant server, visualizing real-time information over a map of the United States. The code employs `d3.forceSimulation` to position and animate network nodes, while `d3.geoPath` and Canvas's `getImageData` handle the rendering and manipulation of the geographic base layer. The visualization, likely representing network activity or fleet locations, refreshes over a rolling two-hour window, with user controls for time range and sub-app navigation embedded in the URL. The UI is constructed with HTML and CSS, with the map generated from a topojson data source.

62% match

Google TImeline Data Scrape

This visualization tracks Google location history over a six-month period, showing daily travel distances and trip durations. It fetches KML data for each date using `node-fetch`, parses the XML with `xmldom` and `xpath`, and filters for placemarks with a distance value greater than zero. The script extracts trip types and start/end times, calculates durations in minutes using `moment`, and outputs the results as a chronological log of daily activity.

CColinEberhardt

terminal history

A terminal command history is rendered as a sequence of step-by-step text lines, showing a user’s repeated attempts to install and link OpenCV, GDAL, and other geospatial tools via Homebrew, `make`, and `pip`. The visualization extracts each command from a gist file, displaying the command index and its text in a monospaced timeline. The lines are laid out using the `d3` library’s force-directed layout, with each command as a node. This reveals the iterative, trial-and-error pattern of dependency troubleshooting and software builds.

browsing_history_test

This example visualizes a browsing history as an interactive Sankey diagram, mapping sequences of web searches and page visits as flows between nodes. Each node represents a search query or website, while links show transitions from one action to the next, with stroke width indicating the number of transitions. The diagram uses the d3.sankey layout to position nodes and compute link paths, with SVG rendering for nodes and links. Nodes are draggable via d3.drag, and colors are assigned using d3.scaleOrdinal. The underlying data comes from a JSON file containing node names and directed links, while a CSV file holds the actual browsing log details.

Xxunjoy

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

buoys scheduler error

This example visualizes the timing and error events from a Heroku scheduler run for the “buoys” app, which fetches ocean wave data from New South Wales government GIF graphs. A timeline chart shows the sequence of log lines, highlighting when specific location fetches (Byron Bay, Sydney, Eden) succeed or fail. The code uses D3’s `d3.forceSimulation` to position nodes representing each log entry, with colors distinguishing app messages, scheduler state changes, and the socket hang-up error. Data comes from the gist’s plain-text log file, parsed and rendered with SVG paths and D3 scales.

DDylanFM

URL list from Monday, Jun. 8 2015 10:15 AM

A timeline of Twitter bookmarks and links captured from June 8, 2015, shows a stream of cartography and open-source mapping discussions. The visualization renders each tweet as a node on a vertical list, with the handle and text visible, while the embedded URLs are extracted and displayed as separate, linked cards. The code uses d3.forceSimulation to position the nodes and d3.linkHorizontal to draw connecting edges. Data comes from a static gist of markdown-formatted tweet URLs, with the layout reflecting the chronological order of the original posts.