Sublime Text - Multiple Cursors

100%

Sublime Text - Multiple Cursors

✓ Published0🌍 Public

Last edited Aug 27, 2015

Created on May 4, 2015

This visualization demonstrates Sublime Text’s multiple-cursor editing feature, where a single selection expands into several simultaneous cursors via the Command+Shift+L shortcut. The code highlights the selected text and applies the shortcut to create multiple cursors across lines. It uses the Sublime Text API’s selection and command methods to trigger the behavior programmatically. The example is a plain-text gist, serving as a minimal, interactive demonstration of the editor’s native functionality rather than a custom data-driven graphic.

AI-generated description

Similar vizzes

Loading thumbnail…

Sublime Text 2 - Useful Shortcuts

This example visualizes keyboard shortcuts for Sublime Text 2 on Mac OS X, grouped by category such as editing, XML/HTML, and bookmarks. It uses D3.js to render the shortcut keys and their associated actions in a compact, searchable layout. The data is presented directly from the gist’s Textile markup, parsed into a hierarchical structure. The visualization employs D3’s `d3.hierarchicalLayout` to organize categories and a custom `d3.forceSimulation` for interactive exploration, allowing users to filter shortcuts by pressing keys.

AAliceWi

61% match

Loading thumbnail…

Sublime Text 3 Default Text Editor on Mac

This visualization demonstrates how to set Sublime Text 3 as the default text editor on macOS by displaying a single terminal command. The example uses a plain-text gist file as its data source, rendering the command as a code snippet. It relies on the macOS `defaults` command-line tool to modify the LaunchServices database, specifically adding a handler for `public.plain-text` content types with `com.sublimetext.3` as the preferred application. The visualization presents the exact shell syntax without additional styling or interaction, focusing solely on the command’s structure and placement.

WWilliamQLiu

58% match

Loading thumbnail…

Sublime Text Packages

This example visualizes the 24 Sublime Text packages listed in the included text file, arranged as a force-directed graph. Each package name appears as a node with its description on hover, and the layout uses `d3.forceSimulation` with `d3.forceLink` to position nodes and edges based on the provided data. The visualization is rendered dynamically on a canvas, with node colors and text drawn in a dark theme to match the packages’ utility. It offers a quick overview of the ecosystem from the GitHub gist by P7h.

PP7h

54% match

Loading thumbnail…

Mouse Trail

This example shows a simple interactive visualization where a lime-green circle follows the mouse cursor across the full browser window, updating its position in real time. The application uses React with the `useState` and `useCallback` hooks to manage the cursor coordinates from a mouse-move event on an SVG element. The SVG rendering is set to the window’s width and height, and the circle’s `cx` and `cy` properties are bound to the tracked mouse position.

KKristopher Skelton

53% match

Loading thumbnail…

Self-Modifying Code

This interactive visualization displays seven colorful circles of varying sizes and positions on a light green canvas. Clicking a circle selects it, highlighting it with a black stroke and full opacity, while clicking again deselects it. The selection state is persisted to a CSV file via VizHub’s `writeFile` API, and the visualization reads that state from `selectedIndex.csv` on each render. The code uses D3’s `select` and `csvFormat` functions to manage SVG rendering and data serialization, with the click handler writing the updated selection back to the file.

CCurran Kelleher

53% match

Loading thumbnail…

Gist 239004

This visualization demonstrates a multi-select input interface where users can add and remove tags or text values using commas or spaces as separators. The code shows how the component dynamically renders resizable text boxes and styled "bit" elements within a list, with keyboard navigation and delete/backspace handling for managing selections. Built on the Prototype.js and Script.aculo.us libraries, it uses classes like `TextboxList` and `ResizableTextbox` to manage input focus, resize behavior, and form value updates based on the current set of selected items.

CCaged

52% match

Loading thumbnail…

follow the cursor

A single circle follows the cursor within an SVG canvas, its position updating in real time. The visualization uses React’s `useState` and `useCallback` to manage mouse-move events, while D3.v7 supplies the SVG rendering via `d3.min.js`. The circle’s center coordinates (`cx`, `cy`) are set from the pointer’s `clientX` and `clientY` values, producing a direct, interactive response.

Llucaly74@gmail.com

52% match

Loading thumbnail…

My customized User Settings of Sublime Text.

This example visualizes the complete configuration of a Sublime Text user settings file as an interactive network diagram. The visualization maps each setting key and its associated value or nested array structure into nodes and links, using d3.forceSimulation for layout and d3.drag for user interaction. The data comes from a JSON gist authored by P7h, with the graph organized to reveal relationships between preferences like editor behavior, theme, and file patterns. The rendering approach uses SVG elements updated through D3’s data join to reflect the hierarchical nature of the settings.

PP7h

52% match