Giter Site home page Giter Site logo

Examples about simg HOT 4 CLOSED

headwinds avatar headwinds commented on June 22, 2024
Examples

from simg.

Comments (4)

krunkosaurus avatar krunkosaurus commented on June 22, 2024

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.

headwinds avatar headwinds commented on June 22, 2024

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.

krunkosaurus avatar krunkosaurus commented on June 22, 2024

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.

headwinds avatar headwinds commented on June 22, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.