Comments (4)
Hi @headwinds! Thanks for the sample page. I have updated it so it works, pulled out unnecessary 3rd party libraries, and incorporated it into the repository with attribution to you. Please check out the code and let me know if you have any feedback or suggestions!
from simg.
fantastic! I really like what you did...
Can you host the example page on your server? So its easy for others to see that it works too. I’d turn the “example” into an “examples” folder starting with a sub “simple” or “getting started” folder. I want to provide a more complex example down the road and other devs might like to do likewise.
Prior to discovering your library, I was messing about with phantomjs to a take screen shot of the visualization which works but it feels like overkill and its challenging to setup the page properly in the headless browser instead of simply capturing the svg element when its ready like your library does.
This afternoon, I also played with https://github.com/MrRio/jsPDF attempting to take the generated image wrap it in some html and then insert into a pdf. Now, that I have the image - thanks to your explanation of Simg - I’m well on my way to completing my task for this week. My product manager is pumped by the results after I emailed him the awesome.png from your working example ;-D
Instead of one circle with no effects, I will be testing it against our full product next ( https://www.youtube.com/watch?v=9rsOKPK1oCk ).
I think I’ll be able to provide a much more complex svg example later on which will include text, images, other shapes, even filters after I scrub the data for anything sensitive; or possibly use the http://exposedata.com/marvel/ instead...
Thanks for creating Simg!
from simg.
The product looks cool. I originally pulled out this small library out of a bigger data visualization library I was working on for @keen.io That product never got released in its current form but hopefully I can release an open source version of it in the future.
I went ahead and uploaded the example page as a gh-page. You can find it at http://krunkosaurus.github.io/simg/
I'll leave just the example
folder in for now but if you want to send a pull request in the future with more advanced examples feel free to and I'll pull it in and make those changes in the future.
from simg.
You might be right - actually having one example would showcase its power - that it works universally with any svg one may throw at it
from simg.
Related Issues (11)
- Downloaded image not showing svg line gradients HOT 3
- using external fonts HOT 2
- Not working in Firefox or IE HOT 2
- Not working if a <foreignObject> is present? HOT 1
- Does not work HOT 2
- demo not working HOT 1
- Doesn't convert icons
- Problem in toBinaryBlob base64 decode - escaping
- outerHTML on SVGElement for IE and removing Namespaces
- simg.js:37 Uncaught TypeError: svg.setAttribute is not a function HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from simg.