A generator for Yeoman
Want to see pretty graphs? Log in now!
npm install generator-graphic
|13||downloads in the last week|
|19||downloads in the last month|
|Last Published By|
|Version||0.0.5 last updated 2 months ago|
A generator for Yeoman, built for data journalists.
A smart generator encourages using proper data integrity protection techniques.
- Keep original data files separated
maketo keep data manipulations documented
README.mdfor proper documentation
Using a generator speeds up repetitive tasks we don't have the time (or patience) to keep performing.
gruntcommands for frequent tasks, like starting a server or converting preprocessed css.
- Keep ready-to-deploy project in
- Extend with scripts for deployment in your environment
generator-graphic is available on npm:
npm install -g generator-graphic
Start the generator with:
Follow the prompts:
[?] What is the slug? homes [?] Would you like to use a prebuilt template? No [?] Which libraries would you like to include? (Press <space> to select) >o d3 o underscore o leaflet ...
To view graphic locally:
Open http://0.0.0.0:8000/ in your browser.
generator-graphic sets up the following directory structure:
project-folder | |-- data | |-- original original data files | `-- workspace altered data files, scripts | |-- Gruntfile.js defines grunt commands, like `grunt server` | |-- Makefile data manipulation goes here | |-- node_module node dependency files, autogenerated | `-- * | |-- package.json defines project settings | |-- public folder to be deployed to web server | |-- index.html | |-- css | | `-- base.css | | | |-- js | | `-- base.js | | | `-- lib included js/css/image/* files | `-- * |-- sass optionally included for compass/sass files | `-- base.scss | `-- README.md project documentation
generator-graphic optionally includes Compass/SASS. To compile
generator-graphic includes code to get your graphic off the ground.