c-jsn / d3-id3 Goto Github PK

View Code? Open in Web Editor NEW

789.0 50.0 54.0 3.87 MB

iD3: an Integrated Development Environment for D3.js

Home Page: http://d3-id3.com/

License: MIT License

HTML 28.19% JavaScript 33.22% CSS 34.59% Python 4.00%

javascript d3 data-visualization react redux electron python integrated-development-environment monaco-editor

d3-id3's Introduction

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 to install Python 3.6

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

Contributors

Christian Pascual | Jeffrey Ma | Steve Meads | Naomi Lai

d3-id3's People

Contributors

Stargazers

Watchers

d3-id3's Issues

Only scatter plot template works, rest don't

Thanks for the superb tool!

Changing the template to anything other than Scatter plot doesn't seem to work.

Could anyone please let me know if they've noticed this?

White box after install

I'm running the program in Windows 7, I think I installed it correctly. It hasn't thrown any errors but all i get is a running white box.

Any idea what's gone wrong?

Which.js NPM dependency looking for Python2 whereas Python3.6 is required

Hi,

I can't install project dependencies due to this Python dependency checking error :

gyp verb `which` failed Error: not found: python2
gyp verb `which` failed     at getNotFoundError (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:80:29)
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:89:16
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed  python2 { Error: not found: python2
gyp verb `which` failed     at getNotFoundError (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:80:29)
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\which\which.js:89:16
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21) code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python C:\Users\USERNAME\AppData\Local\Programs\Python\Python36\python.EXE
gyp verb check python version `C:\Users\USERNAME\AppData\Local\Programs\Python\Python36\python.EXE -c "import platform; print(platform.python_version());"` returned: "3.6.1\r\n"
gyp verb could not find "C:\Users\USERNAME\AppData\Local\Programs\Python\Python36\python.EXE". checking python launcher
gyp verb could not find "C:\Users\USERNAME\AppData\Local\Programs\Python\Python36\python.EXE". guessing location
gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "C:\Users\USERNAME\AppData\Local\Programs\Python\Python36\python.EXE", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack     at PythonFinder.<anonymous> (C:\Users\USERNAME\Downloads\D3-ID3\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack     at C:\Users\USERNAME\Downloads\D3-ID3\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack     at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\USERNAME\\Downloads\\D3-ID3\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd C:\Users\USERNAME\Downloads\D3-ID3\node_modules\node-sass
gyp ERR! node -v v8.1.3
gyp ERR! node-gyp -v vhttps://registry.npmjs.org/node-gyp/-/node-gyp-3.6.1.tgz
gyp ERR! not ok
Build failed with error code: 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

I tried to install on both Ubuntu 16.04 and Windows 7 => Same errors

python code editor bugs

Editor files are not saved and when reloaded previous codes are deleted. Please fix.

Trying to use IDE after install, not getting anywhwere

Hi, I cloned this and got the IDE started up.

1.) Selecting a template does effectively nothing.
2.) I am unable to load any CSV or JSON data into the IDE either.

Any videos/directions would be great. Thanks,

Electron-download NPM dependency failed to download electron version

Hi,

On Ubuntu 16.04 I can't entirely install ID3 due to this following error :

npm install

> electron@https://registry.npmjs.org/electron/-/electron-1.6.8.tgz postinstall /home/USERNAME/Bureau/D3-ID3/node_modules/electron
> node install.js

/home/USERNAME/Bureau/D3-ID3/node_modules/electron/install.js:47
  throw err
  ^

Error: Failed to find Electron vhttps://registry.npmjs.org/electron/ for linux-x64 at https://github.com/electron/electron/releases/download/vhttps://registry.npmjs.org/electron//electron-vhttps://registry.npmjs.org/electron/-linux-x64.zip
    at Request.<anonymous> (/home/USERNAME/Bureau/D3-ID3/node_modules/nugget/index.js:169:61)
    at emitOne (events.js:115:13)
    at Request.emit (events.js:210:7)
    at Request.onRequestResponse (/home/USERNAME/Bureau/D3-ID3/node_modules/request/request.js:1074:10)
    at emitOne (events.js:115:13)
    at ClientRequest.emit (events.js:210:7)
    at HTTPParser.parserOnIncomingClient [as onIncoming] (_http_client.js:564:21)
    at HTTPParser.parserOnHeadersComplete (_http_common.js:116:23)
    at TLSSocket.socketOnData (_http_client.js:453:20)
    at emitOne (events.js:115:13)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@https://registry.npmjs.org/fsevents/-/fsevents-1.1.1.tgz (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@https://registry.npmjs.org/fsevents/-/fsevents-1.1.1.tgz: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! electron@https://registry.npmjs.org/electron/-/electron-1.6.8.tgz postinstall: `node install.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the electron@https://registry.npmjs.org/electron/-/electron-1.6.8.tgz postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2017-07-06T13_33_23_740Z-debug.log

I seems that the electron version passed to the electron-download NPM dependency is replaced by a URL :

https://github.com/electron/electron/releases/download/v_https://registry.npmjs.org/electron//electron-vhttps://registry.npmjs.org/electron/_-linux-x64.zip

python dependency

Could you be more precise on the python 3.6 dependency? would it run in 3.5?
good job anyway

Can't load csv file

I have create a very basic csv file.
I then click on "Data Management", then "Open File", select my csv file and get the following error

(actually getting the same error for any csv or tsv file)

Generate does not work

Hey there

Downloaded ID3 and had a go. So far so good except for the Renderer window which does not seem to
generate the svg on the fly very well.

Exported the D3 to html and it works perfectly in chrome.

Not sure why the Renderer's not rendering the graphic within ID3.
Appreciate some help here else it would require an additional step to see the output externally.

Hang on npm run webpack

NPM never seems to complete or return when I issue “npm run webpack”

Bring ID3 as ready container, to "just run"

Would love to see this easy startable. Maybe like a preconfigured docker-image.
Maybe?
Love the id3a, but cant try it on localhost because of company restrictions and not the know-how for building something like this myself... (sorry for my bad english)

c-jsn / d3-id3 Goto Github PK

d3-id3's Introduction

iD3 - an IDE dedicated for development in D3.js

iD3 is in active development. Please follow this repo for contribution guidelines and upcoming updates.

To Use

Keyboard shortcuts:

Take control of your visualization

New to D3? Use a Template

Export files

Manage your data

Resources

Contributors

d3-id3's People

Contributors

Stargazers

Watchers

Forkers

d3-id3's Issues

Recommend Projects

Recommend Topics

Recommend Org