Fork of Processing Starter with P5JS

100%

Fork of Processing Starter with P5JS

✓ Published0🌍 Public

Last edited Jan 4, 2023

Created on Jan 4, 2023

Forked from Processing Starter with P5JS

This minimal P5JS program demonstrates a blank, SVG-exportable canvas. It uses the p5.js-svg library to render vector output, creating a 960 by 500 pixel drawing surface with a light gray background. The sketch initializes a single canvas in the `setup()` function and draws a uniform background in `draw()`. It is based on a CodePen starter template and a Processing recursion example, serving as a bare-bones foundation for further visualization development, with fixed full-viewport CSS styling.

AI-generated description

A bare minimum P5JS program.

This is derived from CodePen: Empty Example for P5JS as well as the P5JS Recursion Example.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3.js starter template, rendering a single empty SVG rectangle on an 800x400 canvas. The visualization shows how to set up a basic D3 project with an HTML5 document structure and inline SVG. The code loads D3 version 7.0.4 from the unpkg CDN and uses JavaScript to define a simple graphic element, providing a foundation for building more complex data visualizations with the D3 framework.

Aanoptic

77% match

Loading thumbnail…

Fork of JavaScript Basics

This fork of a JavaScript basics tutorial renders a blank SVG canvas using raw JavaScript and DOM methods. The code consists primarily of commented-out examples demonstrating variables, functions, objects, and loops, with only `console.log(document)` active. The visualization shows an empty 960×500 SVG element, with the current output limited to browser console inspection of the document object. The example serves as a static, interactive-free demonstration of JavaScript syntax fundamentals rather than a data-driven visualization.

Ppeter@attachmentdivision.com

77% match

Loading thumbnail…

Fork of HTML Starter

A minimal web page visualizes an empty SVG canvas that fills the entire browser window. The code uses D3's `select` method to append an SVG element to the body, setting its width and height to the viewport dimensions. No data is loaded or drawn; the example simply demonstrates the basic structure for starting a React-free visualization project with D3, serving as a foundation for adding custom graphics.

BBaptPoi

76% match

Loading thumbnail…

Fork of HTML Starter

This example renders an empty SVG canvas with a width of 960 pixels. Built with React and rendered as SVG, it uses a plain HTML page with embedded CSS and JavaScript to establish the document structure. The visualization currently displays no data or graphical elements, serving as a minimal starting point for creating custom charts or graphics. It references both a CSS and JavaScript starter for extending the template.

RRickRobinson17

76% match

Loading thumbnail…

Fork of Fork of HTML Starter with SVG

This example presents a basic SVG scene composed of circles, rectangles, lines, and a path, rendered within a 960x500 viewport. The graphic demonstrates primitive shapes and SVG grouping via the `<g>` element, with some elements transformed using the `translate` attribute. CSS styling applies a black stroke to the line group and a blue stroke with rounded joins to the path. The code uses plain HTML, SVG, and CSS, with no JavaScript libraries or data sources, serving as a minimal starter template for visualization work.

Vvmakker

76% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates fundamental SVG shapes and path commands on a 500 by 500 canvas. The code draws circles, rectangles, and lines with fixed pixel coordinates, along with several paths that use the `M` (move to) and `L` (line to) commands. A simple rectangle outlines the drawing area with vertical and horizontal crosshairs extending beyond its bounds. The visualization is static, using pure SVG markup without any JavaScript libraries or data sources.

BBen M

76% match

Loading thumbnail…

Fork of HTML Starter

This example displays a blank SVG canvas with a single empty circle element, centered on a page where the body text is scaled to an enormous 13em font size. The HTML page uses inline CSS for styling and JavaScript to log a message to the browser’s developer console. The visualization demonstrates a minimal setup for web-based graphics, relying on standard HTML, CSS, and JavaScript APIs without any external libraries.

Aagmanish

76% match

Loading thumbnail…

Fork of D3 Starter

A blank SVG canvas forms the stage for a minimal drawing example. The code selects the `#svg` element and uses D3's data join to enter a range of ten values, appending a single line for each. The lines all start at the x-coordinate zero and have a black stroke, but no other attributes are set, so they appear as overlapping vertical segments. This demonstrates the foundational D3 pattern of binding data to SVG elements, though no visual layout or differentiation is applied yet.

GGimm Yu

76% match