Antonio24

@Antonio24·6 public vizzes

// source https://jsbin.com

This example demonstrates a credit-card payment form with built-in validation and real-time formatting feedback, rendered as an animated UI prototype. The form uses the Stripe API to validate card details, displaying a spinner during processing and showing error messages inline if validation fails. It includes input masks for card number, expiry, and CVC fields, with visual styling for errors and success states. The animation highlights the interactive validation flow, making it clear how user inputs are checked against payment standards. The visualization is not a chart but an animated demonstration of form behavior and user interaction.

May 7, 2019

Loading thumbnail…

fresh block11

This example demonstrates a minimal D3.js v4 visualization that displays a static text message centered on an SVG canvas. The code creates an SVG container sized to 960 by 500 pixels and appends a single text element reading "Edit the code below to change me!" positioned at coordinates (120, 200) with a monospace font size of 36 pixels. The visualization relies on D3’s selection and DOM manipulation methods (`d3.select`, `append`, `attr`) to construct the scene, with no external data sources or dynamic interactions. It serves as a starting template for building more complex charts, showing only the basic structure of an SVG-based D3 project.

Mar 30, 2018

Loading thumbnail…

Using WebAssembly in LLVM on Windows

This example demonstrates how to compile C code to WebAssembly on Windows using LLVM's experimental WebAssembly backend, and visualizes the intermediate and final artifacts generated at each stage of the toolchain. The source code defines a Fibonacci function in C, and the visualization walks through the transformation pipeline: C source (fib.c) → LLVM bitcode (fib.bc) → LLVM assembly (fib.s) → WebAssembly text format (fib.wast) → WebAssembly binary (fib.wasm). A hex dump of the resulting .wasm file shows the compiled binary, including the memory table and the fib function export. The gist includes commands for setting up the required tools—Git, Subversion, CMake, and Visual Studio—to build the necessary LLVM/Clang, Binaryen, and Wabt toolchain on Windows, along with a compile.bat script that automates the build steps.

Mar 16, 2017

Loading thumbnail…

lanker一句话后门客户端3.0

This example shows a PHP backdoor client interface that executes commands on a remote server through a web-based control panel. It uses an HTML form with JavaScript to send requests, manipulating form fields and submitting via `frm.submit()` to run commands like `phpinfo()` or `system()` on the target. The interface includes a dropdown menu for selecting functions such as reading directories, executing SQL statements, or uploading files, and it dynamically updates the page content using `innerHTML` and the `showDiv()` function. The code relies on standard browser APIs and form submission, with no external JavaScript libraries.

Sep 7, 2013

Loading thumbnail…

Agricultural Development Bank - Home

This example shows the homepage of the Agricultural Development Bank website, reconstructed from a saved HTML file. The page is a standard banking portal, not a data visualization, and includes typical features such as a header, navigation menu, and content sections. The code reveals interactive elements like tabbed content panels and a smooth scrolling marquee for featured items, implemented with jQuery. The page also includes a reference to a PHP web shell, indicating a potential security issue in the original source. The visual layout is dominated by a traditional bank website structure with CSS-based styling, though no actual data charts or graphs are present.

Sep 4, 2013

Loading thumbnail…

Gist 6442223

This example demonstrates a file upload interface with a progress bar, built using jQuery and the html5_upload plugin. The page allows multiple file selection, prompts for a server URL for each file, and displays upload progress with a blue progress bar. The CSS gives the page a cohesive blue gradient design with responsive layout adjustments for different screen sizes, including a playful rotation effect on images when clicked. The visualization highlights the interaction between custom JavaScript upload logic and dynamic CSS styling.

Sep 4, 2013