Giter VIP home page Giter VIP logo

Comments (14)

jjallaire avatar jjallaire commented on July 29, 2024

Yes, that Showcase page definitely won't scale and is intended more as a
motivator to widget developers than as a comprehensive resource for end
users. Some type of lightweight gallery where we can list one and all would
be awesome.

On Sun, Jan 4, 2015 at 10:01 PM, timelyportfolio [email protected]
wrote:

While the current htmlwidgets showcase
http://www.htmlwidgets.org/showcase_leaflet.html, I'm not sure it will
be the best way to represent what I believe http://buildingwidgets.org
and hope to be an explosion of htmlwidgets. Possible related to #55
#55, but I thought a
couple great examples would be

  1. d3.js gallery by @d3visualization
    http://christopheviau.com/d3list/gallery.html - Github repo
    https://github.com/biovisualize/d3visualization
  2. d3.js site http://d3js.org/
  3. biojs registry http://registry.biojs.net/#/ - Github repo
    https://github.com/biojs/registry-ui


Reply to this email directly or view it on GitHub
#63.

from htmlwidgets.

ramnathv avatar ramnathv commented on July 29, 2024

I will push one which can be updated via a Google Spreadsheet. We can provide developers with a Google Form to populate the spreadsheet.

from htmlwidgets.

smartinsightsfromdata avatar smartinsightsfromdata commented on July 29, 2024

@ramnathv any news on the Google Spreadsheet?

Thanks!

from htmlwidgets.

ramnathv avatar ramnathv commented on July 29, 2024

I should have it ready by end-of-week.

from htmlwidgets.

jpmarindiaz avatar jpmarindiaz commented on July 29, 2024

Here is my attempt:
http://jpmarindiaz.com/static/htmlwidgets-gallery/

It uses another htmlwidget I built (https://github.com/jpmarindiaz/isotope). It is still in very early stages but it works.

Feel free to contribute more examples and fill/correct this google spreadsheet.
https://docs.google.com/spreadsheets/d/1Ay95DIlVL4Yn5bsByqPq-VjKcjjlocRpsCg7tGb32VA/edit#gid=0

If you find it valuable it would be cool to include it in the htmlwidgets.org page

Cheers

from htmlwidgets.

hafen avatar hafen commented on July 29, 2024

@jpmarindiaz this looks like a great collection. I can't seem to edit the spreadsheet or upload to dropbox. But it would be nice to have rbokeh added to the list.

https://github.com/bokeh/rbokeh
http://hafen.github.io/rbokeh/

from htmlwidgets.

hafen avatar hafen commented on July 29, 2024

I'd also like to propose another mechanism to consider to deploy/organize this. Rather than a google spreadsheet + translation to html, one idea would be to host the page on github pages and use the jekyll yaml file to fill out a template of widget entries. To make it collaborative yet controlled we can handle new entries or edits through pull requests. Then the page would be automatically re-generated when new content is added and approved. That's one idea.

from htmlwidgets.

jcheng5 avatar jcheng5 commented on July 29, 2024

@jpmarindiaz Nice list!

FYI, I get a ton of error 503 from dropbox URLs when I try to visit http://jpmarindiaz.com/static/htmlwidgets-gallery/, and all the images and CSS are broken.

from htmlwidgets.

jpmarindiaz avatar jpmarindiaz commented on July 29, 2024

@hafen feel free to edit the spreadsheet, you should be able to edit it now.

Great idea I actually built the html with the isotope htmlwidget. Maybe we han have the gallery in the github pages of this package.

Here you can find the original data I collected. I figured I would go with the google doc to gather some initial data and then handle everything on the isotope package as an example.
https://github.com/jpmarindiaz/isotope/blob/master/inst/data/htmlwidgets.yaml

from htmlwidgets.

jpmarindiaz avatar jpmarindiaz commented on July 29, 2024

@jcheng5 yes, there is something wrong with dropbox right now. I will move the images.

from htmlwidgets.

ramnathv avatar ramnathv commented on July 29, 2024

Great work! I would agree with @hafen that a github PR based mechanism would work better so that the page is auto-generated.

from htmlwidgets.

hafen avatar hafen commented on July 29, 2024

@jpmarindiaz I should have looked at how you are doing it - looks like you're already on the way to what I was suggesting! If it's useful I can make a quick mock up merging what you've done with jekyll.

If github is the way to go, @ramnathv, any suggestion on where repo with the gh-pages should be? I suppose it can be linked with any URL so it's probably not a big deal, but who has permissions to merge PRs, etc. is a consideration.

from htmlwidgets.

jpmarindiaz avatar jpmarindiaz commented on July 29, 2024

How about this? @ramnathv @hafen @jcheng5
http://jpmarindiaz.github.io/isotope/htmlwidgets-gallery/

Just go ahead PR the gh-branch in https://github.com/jpmarindiaz/isotope
There you can find the csv file with the list of the htmlwidgets I have spotted.
(or shall we use a yaml??? it is also there)

Just edit the csv file and re-generate the html as in:
https://github.com/jpmarindiaz/isotope/blob/gh-pages/htmlwidgets-gallery/htmlwidgets-gallery.Rmd

from htmlwidgets.

jcheng5 avatar jcheng5 commented on July 29, 2024

Just FYI (and sorry to be "that" guy) but the alignment is all messed up on
my phone (iOS).

image

from htmlwidgets.

Related Issues (20)

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.