Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/C-JSN/D3-ID3
iD3: an Integrated Development Environment for D3.js
https://github.com/C-JSN/D3-ID3
d3 data-visualization electron integrated-development-environment javascript monaco-editor python react redux
Last synced: about 2 months ago
JSON representation
iD3: an Integrated Development Environment for D3.js
- Host: GitHub
- URL: https://github.com/C-JSN/D3-ID3
- Owner: C-JSN
- License: mit
- Created: 2017-04-29T18:10:54.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-10-13T01:29:15.000Z (almost 7 years ago)
- Last Synced: 2024-05-02T11:59:36.854Z (5 months ago)
- Topics: d3, data-visualization, electron, integrated-development-environment, javascript, monaco-editor, python, react, redux
- Language: CSS
- Homepage: http://d3-id3.com/
- Size: 3.78 MB
- Stars: 787
- Watchers: 50
- Forks: 54
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
### iD3 - an IDE dedicated for development in D3.js
iD3 is an open-source, cross-platform desktop application geared to simplify data visualization with D3 for non-JavaScript and JavaScript data scientists and analysts. With our integrated Python based data management system and custom generated attribute controls, iD3 supports the full process from importing your data to exporting your final presentation.
#### iD3 is in active development. Please follow this repo for contribution guidelines and upcoming updates.
##
## To Use
Fork or download
```
# Clone this repository
git clone https://github.com/C-JSN/D3-ID3.git
# Go into the repository
cd D3-ID3
# Install dependencies
npm install
# Run webpack
npm run webpack
# Run the app
npm start
```
Please make sure you have Python 3.6 installed.
Click [here](https://www.python.org/downloads/) to install [Python 3.6](https://www.python.org/downloads/)
### Keyboard shortcuts:
```
ctrl + s (main app editor) = run code and render
ctrl + s (data management editor) = run code
```
### Take control of your visualization
Upload your own D3 code and see it visualized immediately on the Renderer. Modify your data visualization straight in the editor, or through the custom generated attribute controls to your right and see your changes reflected in the Renderer as you go.
#### New to D3? Use a Template
Select a template from our library and start creating right away.
#### Export files
Export your finalized code to be used on your other projects!
Note: Refresh the Attribute Panel by clicking `Generate Attr` when you upload a new file or run a new template
##
### Manage your data
Use your custom data processing algorithms on top of D3's built-in functions with our integrated Python based data management system. This system allows you to feed your .csv or .json files through your personal Python script and check your data in the print statement window before sending it back to the main application to render in your visualization.
## Resources
Find us on www.d3-id3.com
Special thanks to Mike Bostock for creating [D3.js](https://d3js.org/)
## Contributors
[Christian Pascual](https://github.com/crp2002) | [Jeffrey Ma](https://github.com/jjeffreyma) | [Steve Meads](https://github.com/smeads) | [Naomi Lai](https://github.com/eveafeline)