Marriott hotels

100%

Marriott hotels

✓ Published0🌍 Public

Last edited Oct 5, 2016

Created on Oct 5, 2016

This example draws a stylized Marriott hotel sign and building façade in SVG. The code uses d3.v4 to set up the page and renders static rectangles, lines, and circles to create windows, doors, and landscaping on a yellow outer wall. The visualization shows the hotel layout with a green ground area, using direct SVG elements rather than data-driven joins or scales. The source is a gist by Orkish, built with Blockbuilder.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

House / d3

A static SVG scene depicts a stylized house with a red roof, a yellow sun, a green lawn, and a white door, all composed of basic geometric shapes. The code uses d3.v4 to render the graphic, explicitly drawing each element with `<rect>`, `<circle>`, and `<path>` tags. Two rotated rectangles form the door, while a transparent path outlines the ground. The visualization relies on hard-coded coordinates and SVG styling, with no data or interaction.

CCharisma9

66% match

Loading thumbnail…

SVG House

This example draws a simple house composed entirely of SVG shapes. A hot pink roof, a rectangular body, a door, and a window are assembled using `d3` selections with `<path>`, `<rect>`, `<circle>`, and `<line>` elements. The door is semi-transparent, and the window includes a cross pattern. The code renders these shapes directly in an `index.html` file, using D3 v4 to create the SVG structure against a light gray background.

DDDDDDanica

64% match

Loading thumbnail…

My Home

This example draws a night-time scene of a house with a roof, door, windows, streetlight, and bushes, rendered as SVG shapes. It demonstrates fundamental DOM manipulation with D3.js by appending rectangles, circles, lines, and paths to a pre-selected SVG element. The code uses d3.select and .attr methods to position and style elements, and creates a reusable window-building function to simplify repeated structure. The scene is composed entirely with hard-coded coordinates and scale factors, with no external data source.

SSai Krishna Doultabad

63% match

Loading thumbnail…

draw_plan_01

This example shows a scaled architectural floor plan of a house’s second story, dividing the space into four colored rooms plus a red stairwell, with a title below. Built with D3 v4, it renders SVG rectangles for each room, an outer wall outline, and a labeled caption. The code sets fixed pixel dimensions for the plan, positions elements via x/y attributes, and uses simple style fills and strokes to distinguish areas. No data source is used; the layout is hardcoded, and interactivity is absent.

BBillyBHWong

62% match

Loading thumbnail…

marsIc

This example demonstrates various SVG shape drawing techniques using D3.js v4, including arcs created with `d3.arc()`, lines via `d3.line()`, and data-driven rectangles bound through `selection.data()` and `selection.enter()`. The visualization also includes circles, rectangles, and path elements constructed with `d3.path()`. The code shows how to bind static data using `datum()`, apply transformations like rotation and translation, and build a custom path for a yellow outline. The sample data comes from `employee.csv`, and the rendering uses an SVG container with a green background.

Hhanulik.ondrej@gmail.com

61% match

Loading thumbnail…

Dv1

This example presents a static SVG drawing that showcases basic geometric shapes and CSS styling. The visualization uses SVG elements like circles, rectangles, lines, and paths, grouped and transformed with scale and translate operations. Shapes are colored with named colors, hex codes, and CSS classes, demonstrating stroke properties, line joins, and caps. The rendering is built directly with inline SVG markup in an HTML page, with styling applied via an external stylesheet, highlighting how CSS can control SVG presentation. The composition is simple and instructional, focusing on core vector graphics features without interactive or data-driven elements.

Oozair wani

61% match

Loading thumbnail…

flower_vase.js!

This example shows a simple house built from basic SVG shapes by directly manipulating the DOM with D3.js. It uses `d3.select` to target the SVG canvas and appends rectangles, a polygon, and circles to construct the house, roof, windows, door, and doorknob. The code relies on D3's chained `.attr` methods to set coordinates, dimensions, and fill colors on each shape, while the accompanying stylesheet provides a light gray background for the SVG. The scene is static, with no interaction or animation.

Ssriram.official9@gmail.com

61% match

Loading thumbnail…

d3.bayview walkthru

This example demonstrates a decorative, static composition of orange and red geometric shapes—a large rotated rectangle and multiple circles—rendered within an SVG canvas. The code applies a shared CSS style to both `rect` and `circle` elements, giving them a blue stroke with dashes and transparency. It uses D3.js version 3.5.5, referencing the `d3.select` API, though the primary drawing is hand-coded in markup. The gist includes a minimal HTML file and README, with the shape placement and attributes defined directly.

GGordyD

61% match