Skip to main content
100%

Blackjack?

✓ Published0🌍 Public
ZZJONSSON
Last edited Nov 6, 2014
Created on Aug 10, 2012

A simple blackjack game demonstrates card dealing and play using an SVG deck of cards loaded from an external file. The page offers Hit and Stand buttons; D3 transitions with duration and delay animate each card moving from a central stack to player and dealer positions. The code uses `d3.xml` to import the cards, `d3.select` for the buttons, and `attr` with `xlink:href` to swap card faces. Game logic tracks card values, including Aces as 1 or 11, and ends with win, loss, bust, or push conditions.

AI-generated description

Similar vizzes

Loading thumbnail…

Blackjack Game

This example presents a browser-based Blackjack card game with a dark green casino-style interface. The page displays the player’s current cards, their sum, and a status message that guides the game flow. Users start a round and draw new cards via buttons, while JavaScript manages the deck logic, including random card values, a simple Blackjack win condition, and a track of the player’s chips. The interface is built with plain HTML, CSS, and vanilla JavaScript, using DOM methods like `getElementById` and browser-native event handlers.

GGayan Priyadarshana
75% match
Loading thumbnail…

BlackJack

This example shows a static, hard-coded representation of a blackjack hand, displaying the sum of two playing-card values in a webpage. The page renders the text “Hello HTML” in a 13-em font size, while a JavaScript script calculates the sum of two fixed card values (6 and 9) and logs the result to the browser’s console. The project uses plain HTML for structure, CSS for styling via the `<style>` tag, and vanilla JavaScript for logic. No external libraries or data sources are used; the visualization is a minimal demonstration of basic DOM and console output.

WWilliam Gitta
75% match
Loading thumbnail…

Solitaire

A solitaire pegboard game rendered as an SVG using D3 version 6, where players click brown pegs to select them and then click highlighted purple target positions to jump and remove pegs. The board is a 9x9 grid with a cross-shaped play area, and the scoreboard displays the remaining pegs. The code uses D3’s `scaleLinear`, `selectAll`/`data` joins, and event handlers for click interactions, with a restart button and a "GAME OVER" message when no legal moves remain.

Bbjfmbeck
68% match
Loading thumbnail…

Card Shuffler

Two labeled rectangular cards, one green and one red, sit stacked in the center of the screen. Every second, the top card slides down over the bottom card, swaps its color and text label with the bottom card, and then the bottom card slides back up, repeatedly cycling their positions. The animation uses D3 v4 transitions with `transition.attr` and `transition.on` callbacks to chain the shuffling loop. Both cards are SVG groups containing a styled `<rect>` and `<text>` element, rendered with Impact font and black outlines.

TTommyCoin80
67% match
Loading thumbnail…

Cards

This example presents a horizontally scrollable gallery of interactive cards, each displaying an image from a shuffled list of external URLs on its front and descriptive placeholder text on its back. Clicking a card triggers a CSS 3D flip animation, revealing the back content, while hovering lifts the card and shifts neighboring cards horizontally to create a stacked effect. The implementation combines plain JavaScript for DOM manipulation and event handling, alongside D3.js v6 for data shuffling and image loading, with all visual effects driven by CSS transitions and transforms.

MMTR
64% match
Loading thumbnail…

SVG Fundamentals - Me

This example demonstrates the fundamentals of drawing with SVG by composing a playing card suit from basic shapes. It shows a stylized club symbol built from three circles and a tapered stem, arranged within a rectangular boundary. The code uses raw SVG elements like `circle`, `path`, and `rect` directly in HTML, with CSS controlling the text styling and fill colors applied via SVG attributes. The rendering relies on the browser’s native SVG support, with no external libraries, making it a minimal illustration of coordinate systems and shape composition.

Llorlorthelion@gmail.com
64% match
Loading thumbnail…

SVG Fundamentals

This example showcases a static SVG composition of dice arranged in a grid on a blue tray, with custom shading to simulate depth. The code directly uses the SVG `path` and `rect` elements within an inline `<svg>` tag, styled via CSS classes that define fills, strokes, and stroke widths. Distinct shapes for left, middle, bottom, and corner dice are created through carefully defined path commands, while additional path elements represent side and bottom shading. The visualization demonstrates fundamental SVG drawing techniques and CSS styling without relying on any JavaScript libraries.

Jjustinhersom@gmail.com
62% match
Loading thumbnail…

Casino Blackjack

This visualization tracks plant counts in agricultural fields using a simple counter interface. It shows two separate tallies: the number of rows in a field and the average number of plants per row, both controlled by INCREMENT and SAVE buttons. The code uses vanilla JavaScript DOM methods like `getElementById` and `textContent` to update displayed counts and log previous entries. D3 is loaded via CDN but is not actively used. Data comes from field staff conducting their second estimate, with values manually entered by users.

AAndrew-Kiwa
62% match