uclnlp / egal Goto Github PK
View Code? Open in Web Editor NEWeasy drawing in jupyter
License: Apache License 2.0
easy drawing in jupyter
License: Apache License 2.0
Hi,
I was searching for freestyle drawing support inside ipython notebooks and found your amazing extension. I see that the stroke width and color can be changed after making the drawing and selecting that object. Is it possible to change the default stroke width and color?
It would be useful to be able to save a drawing as an image file from the notebook embedded canvas.
Embedded Plotly charts seem to support image export using the orca
commandline tool; is that something that egal
could also make use of?
The SVG from egal editor is stored in the cell, but it seems impossible to copy-and-paste that image into another cell. The pasted version appears as raw code, not as an image.
Similarly, if the user changes the original cell type from "Raw NB Convert" to "Code" or "Markdown", it is impossible to go back to the drawing. Switching back to "Raw NB Convert" just leaves a bunch of raw code displayed. It does not show the image or the editor.
Ideally, I would like an image that I can copy and paste, or move to other parts of the notebook (or even copy into a new notebook). Or save to the Jupyter hub file system.
Would like to be able, for example, to create elements in python such as labels, circles etc, and then move them around in the UI.
Hi,
First of all, I am in love with this project! The lack of an easy way to get quick diagrams into notebooks has been the major hurdle for using them in class. I'm wondering how easy it would be to add functionality for adjusting both the arrowhead style/weight and the number of nodes on shapes so that connecting arrows don't "clump" in only a few spots (on circular connectors in particular).
ETA: I'm happy to take a stab at this, but no promises.
How do you enable the animation facility?
Testing this repo in MyBinder ([example])(https://mybinder.org/v2/gh/uclmr/egal/master), which uses the Dockerfile to build a container in which to try out the egal
extension, I can edit SVG files but nor enable the animation steps?
I also note from the example screenshots in the repo README
that the first two examples do not show the animation step buttons / frame counters as being enabled?
Currently, this is only possible via mouse clicks.
When the extension is enabled, I still am able to use shortcuts like Shift+Enter. Once I introduce the Egal cell all Jupyter notebooks become disabled. After I delete the egal cell, I'm not able to use shortcuts until I refresh the browser.
I'm not able to install the extension inside virtualenv. Not sure if I'm missing something.
First of all, I would like to thank you for creating this wonderful widget.
But, I got a problem using this widget. The rectangle and circle works, but the arrow does not work for me.
Platform: MacOS Sierra. (MacPro 13'' with touchbar)
jupyter --version
4.3.0
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.