https://github.com/tnocs/typescript-d3-playground
A basic playground for working with d3 in typescript.
https://github.com/tnocs/typescript-d3-playground
d3 d3v4 example playground typescript typescript2 webpack webpack2
Last synced: 3 months ago
JSON representation
A basic playground for working with d3 in typescript.
- Host: GitHub
- URL: https://github.com/tnocs/typescript-d3-playground
- Owner: TNOCS
- License: mit
- Created: 2017-04-30T08:48:53.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-30T12:30:51.000Z (about 9 years ago)
- Last Synced: 2025-04-05T16:48:18.574Z (about 1 year ago)
- Topics: d3, d3v4, example, playground, typescript, typescript2, webpack, webpack2
- Language: CSS
- Size: 4.88 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# typescript-d3-playground
A basic playground for working with d3 (v4) in typescript. It allows you to quickly test your d3 code.
## Installation
Assuming you have node installed, you can just run
```console
npm i
```
to install all dependencies.
## Usage
To start a simple web server with hot reload, enter
```console
npm start
```
Next, visit [http://localhost:8080](http://localhost:8080) to view the outcome (I've added a horizontal bar chart for testing).
Note that the hot reload only applies to the typescript files. Any changes made to `index.html` or one of the css style files requires a manual reload in the browser.
Pull request to get hot reloading for these files are welcomed!
In `src/app.ts`, the function `createChart` is called when the document is loaded. Here you should add your d3 test code.