Skip to content

Simple java script application which showcases Star Wars rolling text using D3 animations

License

Notifications You must be signed in to change notification settings

liam-grossmann/star-wars-d3

Repository files navigation

star-wars-d3

STAR WARS scrolling text from the 1977 movie.

Javascript, D3.js and CSS3 are used to animate images and text. Project built using webpack 5.0.

Click here for live demo.

Installation

git clone https://github.com/liam-grossmann/star-wars-d3.git

npm install

Build and Run

npm run dev

npm run build

npm run serve 

When code is checked into github a workflow job is automatically run to build and deploy the application to Azure.

Hosted

Environment Description Url
Development Hosted by Webpack http://localhost:3000/
Production Hosted by Azure as a static web app https://nice-bush-0e3f23110.2.azurestaticapps.net/

Dependencies

Component Use Documentation
D3 Data visualisations library Data Driven Documents
Webpack v5.0 Building and bundling the assets Webpack Guides