Gist 86179473bda6d64aa4af

Gist b3b904582eaa49475bc90dacbb6d92c9

This example demonstrates how to construct and arrange basic geometric shapes within a Sketch document using the `sketch` JavaScript API. The code programmatically creates an artboard and populates it with a square, a triangle, a hexagon, and a circle, each styled with distinct fill colors or a bordered outline. The `ShapePath` class and its `ShapeType` enumerations are the core components, with coordinates and dimensions set through `frame` objects. The rendering approach is code-driven, defining visual elements directly without external data sources, showcasing the library’s programmatic drawing capabilities.

KKevinGutowski

59% match

Gist 20490743a658b8c43752d814c314c79e

This visualization renders uniform polyhedra using a kaleidoscopic construction method. The code computes vertex coordinates, faces, and symmetry groups from fundamental angles, then draws the three-dimensional shapes with projected lines and filled polygons. It uses standard C math and graphics routines for coordinate transformation and rendering, including trigonometric functions for rotation and perspective. The display cycles through different polyhedral types, showing their geometric structure through edge networks and face shading.

56% match

Gist d458751b92cc86c44bc44f8540a8b29b

This example displays a tetrahedron built from four triangular faces, with each face defined by three vertices and connected to form a closed 3D shape. The code uses Unity’s MeshFilter and MeshRenderer components, creating a new Mesh object and assigning vertex positions and triangle indices manually. It computes the geometry using vector math, including square roots for equilateral triangle proportions, then calls RecalculateNormals and RecalculateBounds to prepare the mesh for rendering. The script runs in edit mode via ExecuteInEditMode, so the tetrahedron appears immediately in the Unity editor without requiring playback.

55% match

Custom Shape Tweening

This example demonstrates smooth transitions between custom polygons in D3 v4, addressing limitations in Mike Bostock’s original shape tweening approach. The visualization morphs between a California-shaped polygon and other custom polygons by aligning starting points, matching point counts, and ensuring consistent orientation. Using `d3.polygonArea()` to verify winding direction and a hidden SVG path to proportionally resample points, it produces clean, predictable shape transformations. The animation is rendered in SVG, with each shape transitioning seamlessly to the next in an animated loop.

Aalexmacy

Gist 9f1866b3965ddc7be2705538ed72f3c9

This visualization renders a raymarched shader scene in Unity, showing two intersecting spheres whose sizes and positions are modulated by a repeating sine wave. The code in `spheres.cginc` defines a distance function that combines a static sphere with a second sphere whose radius oscillates via `_SinTime`, using a smooth maximum operation to merge their shapes. The scene is generated entirely on the GPU through the shader, with no external data source, and the repeating pattern is created by applying a modulo operation to the position coordinates.

My Custom Shapes

This example demonstrates how to render custom geometric shapes—squares and triangles—in an SVG scene using D3.js v4. It defines a `shapeDefs` object with functions that construct SVG path strings via the `d3.path` API, and then uses a data join to draw the shapes. The code showcases the enter, update, and exit pattern by first rendering a dataset of three nodes, then re-rendering with a second dataset, which removes the red square. Each shape’s position and color are stored as data properties and applied through `transform` and `fill` attributes.

RRobertDelgado

Gist 611b52546f9a7b7b6c57

This example demonstrates UIKit physics-based animation on iOS, where a small red square falls under simulated gravity within a 300-by-100-point view. It shows how a UIView child is added to a parent container, given a red background color, and then subjected to a UIGravityBehavior from the UIDynamicAnimator class. The code initializes the animator with the parent view as its reference view, then attaches the gravity behavior to the subview, causing it to accelerate downward. The rendering stays within the standard UIKit view hierarchy, with no external data sources involved.

CColinEberhardt

Gist e0ac5557362c4611fc4d9a4b1591189e

An interactive WebGL visualization of Wythoff polyhedra construction, rendered via fragment shaders in GLSL. Users manipulate triangle vertices through spin boxes and a sphere inset, with the main view distance-marching the polyhedron in real time. Mouse input updates vertex positions on the sphere, adjusting barycentric coordinates and selecting special points, while the polyhedron rotates smoothly. The shader pair handles GUI state in one buffer and polyhedron shading in the other, using a Wythoff construction distance estimator to render the resulting geometric shape.