https://github.com/projectevergreen/random-plot-generator

An example of using SVG and Custom Elements (with lit-html) to create data visualizations and other fun things in JavaScript.
https://github.com/projectevergreen/random-plot-generator

Last synced: 11 months ago
JSON representation

An example of using SVG and Custom Elements (with lit-html) to create data visualizations and other fun things in JavaScript.

• Host: GitHub
• URL: https://github.com/projectevergreen/random-plot-generator
• Owner: ProjectEvergreen
• Created: 2018-06-23T16:34:41.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-09-23T22:19:34.000Z (almost 8 years ago)
• Last Synced: 2025-04-06T01:31:43.979Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://projectevergreen.github.io/random-plot-generator/
• Size: 40 KB
• Stars: 3
• Watchers: 5
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# random-plot-generator

[![GitHub release](https://img.shields.io/github/tag/ProjectEvergreen/random-plot-generator.svg)](https://github.com/ProjectEvergreen/random-plot-generator/tags)

![CircleCI branch](https://img.shields.io/circleci/project/github/RedSparr0w/node-csgo-parser/master.svg?style=plastic)

[![GitHub issues](https://img.shields.io/github/issues-raw/ProjectEvergreen/random-plot-generator.svg)](https://github.com/ProjectEvergreen/random-plot-generator/issues)

[![GitHub issues](https://img.shields.io/github/issues-pr-raw/ProjectEvergreen/random-plot-generator.svg)](https://github.com/ProjectEvergreen/random-plot-generator/issues)

[![GitHub license](https://img.shields.io/badge/license-Apache%202-blue.svg)](https://raw.githubusercontent.com/ProjectEvergreen/random-plot-generator/master/LICENSE.md)

An example of using SVG and Custom Elements (with `lit-html`) to create data visualizations and other fun things in JavaScript.  Inspired by [this FunFunFunction YouTube series](https://www.youtube.com/playlist?list=PL0zVEGEvSaeGmPpG8tAaqSmf3k56LPwiF) on creating a Neural Network in JavaScript.  For the time being I will just be emulating what's done in the video, but where it goes from there, who knows!

## Setup

1. Clone the repo

1. Run `npm install`

1. Run `npm run serve`

## Contributing

The more the merrier!  Would love to keep this going with more varied and interesting features and visualizations.  Propose something in the issue tracker and feel free to submit a PR!

## Release Management / GitHub Pages

GitHub pages has been setup for this repo.  The URL `https://projectevergreen.github.io/random-plot-generator/`.  

To generate a new release and generate an updated version of the code for GitHub pages, do the following:

1. Make sure all changes to be released have gone into the `master` branch

1. Run `npm run gh-pages`

1. Commit this changes

1. Bump `package.json` and `git tag` the release

1. Push to `master` with `--tags` and and verify the deployment