Sketch Logs/Crash Files

Get Sketch Crash Log FilePaths

This example shows a log of Sketch crash reports by listing the file paths of crash logs stored in the macOS DiagnosticReports directory. The code filters filenames starting with "Sketch," maps them to full paths, and extracts each file’s creation date using the NSFileManager API, formatting dates with NSDateFormatter. It then outputs an array of objects containing the path, raw date, and formatted date string. The visualization presents these crash log file paths and their timestamps, likely to help users identify when crashes occurred and locate specific diagnostic files.

89% match

Gist 61957648a96af6b4167e

This example visualizes traffic crash records from a Gist file, mapping each participant’s location and attributes onto a canvas. It uses a force-directed layout with `d3.forceSimulation` to spatially arrange points, while `d3.geoPath` renders geographic features from the included geometry. The code reads the raw text data, parses fields like crash severity and participant details, and draws small circles colored by injury severity. It also employs Canvas `getImageData` for pixel-level rendering, and transitions with `transition.attrTween` to animate point movement. The result is an interactive scatterplot-style map of incident density and participant distribution.

CCaged

61% match

Sketch Prefs

This gallery piece visualizes a user’s Sketch preferences by reading the application’s default settings from the operating system. The data, sourced from the user’s `NSUserDefaults`, is extracted using a JavaScript script that logs the dictionary representation of these preferences. The visualization renders this preference data as a structured layout, built with the Processing library, mapping each key-value pair to a graphical element. The example demonstrates a direct pipeline from system configuration to visual form, relying on the `defaults.dictionaryRepresentation()` API to provide the underlying dataset for display.

61% match

SketchPreset NSData

An interactive Node.js visualization uses d3.forceSimulation to position a network of SVG circles, each colored by a sketch preset. The sketch data is loaded from a JSON archive and rendered as a force-directed graph. The example demonstrates force layout with drag behavior and visual encoding of categorical data through node fill colors.

57% match

Reading Sketch preferences for colors

This visualization captures a software designer’s preferred color settings for Sketch by reading them directly from the application’s saved user defaults. The code uses the `NSUserDefaults.standardUserDefaults()` API to retrieve the stored `colorForMeasurements`, `colorForFlows`, and `colorForSnapsAndGuides` preferences, then decodes the binary data with `NSKeyedUnarchiver`. The resulting color values are likely rendered as a palette or swatches, revealing the user’s chosen hues for interface measurement overlays, flow arrows, and snapping guides, all without manual input.

Gist 182075

This visualization uses a network graph to show a chronological sequence of error messages from a Phusion Passenger application server log. It demonstrates how a single failing dependency—a missing Ruby interpreter path—triggers cascading system events. The rendering relies on a custom force-directed layout, likely built with D3.js’s `d3.forceSimulation`, where each node represents a distinct log entry and edges encode the propagation of errors across time and process IDs. The color scale maps error severity, while the spatial arrangement clusters related failures, making the cascade pattern visually explicit. Data comes directly from the pasted Gist text file, parsed for timestamps, PIDs, and stack-trace lines to drive the layout.

DDylanFM

Gist 2ef3312cddbca53339eb

This example shows an interactive scatterplot of Xcode build settings, mapping each configuration option to a point based on its relevance and usage. The visualization uses D3.js to construct the plot, with the force simulation engine (d3.forceSimulation) positioning points to reveal clustering patterns among related settings. Data is rendered via SVG paths, with each point color-coded to distinguish between file types and project configuration groups. The underlying data comes from parsing the .gitignore file and Xcode project metadata, though the plot does not track user interactions or display raw values.

CColinEberhardt

Gist 4da3ecb32517e64ddc52428cdb30eaab

This example demonstrates a Sketch plugin that monitors document changes and provides real-time feedback through popup messages. It shows how the plugin reacts to three types of edits: property modifications, object deletions, and object additions or moves. The code uses the Sketch JavaScript API, including `sketch.UI.message` for notifications and `sketch.fromNative` to wrap native objects for access to parent artboards. It logs the full path of each change and distinguishes between moved objects and genuine additions or deletions, with special handling for deletions that are part of a move operation.