Marquee Generator Web

This project is a web-based application that dynamically places random lines of text onto a static background image using D3.js. The app displays a pre-specified background and randomly selects text lines from a provided dataset to overlay on top of the image. This project is ideal for showcasing dynamic text rendering on visual media using SVG in a web browser.

Live view: Marquee Generator Web

Features

• D3.js integration for rendering dynamic text on an SVG element.
• Static background image (background.png).
• Randomly selects and displays 5 lines of text from a given text dataset.
• The text is displayed at a fixed position on the image.
• Ensures that the text maintains line breaks between lines.
• Fully customizable to update the background image, text location, font size, and dataset.

Installation

Prerequisites

• Node.js and npm (Optional, if you plan to use any build tools or package managers).
• A modern web browser (e.g., Chrome, Firefox, Edge).
• Live Server extension for VSCode or any simple HTTP server for local testing.