Skip to content

Art of Stars in HTML5 – nakshART (updated v0.5b)

What we got now… well this time an HTML5 / javascript based sky viewer, nakshArt - The art of celestial stars!!

nakshArt is a step to bring sky viewing experience through modern web browsers, with the advantage being faster in rendering sky view. nakshArt is an astronomical sky viewer application that draws stars, constellation, celestial objects on the fly using canvas, based on the current location of your browser.

Technically it uses HTML5 features like canvas, local storage, geo location  and much more. The rendering of sky view is as fast as plugin based application.

nashkArt is a work in progress application, many more features are waiting to be added.

Meanwhile try your hands on nakshArt @naskhart.com. Works better on latest chrome, firefox, safari.

Update: v0.5b is out, with a better look and feel. Try now!

Features (v0.5b)

  • Select a location and view that sky
  • Double Click Zoom In/Zoom Out
  • Drag Sky View (on the fly generation and no caching!), etc
  • Extra celestial Object information added (like galaxy, nebulae, etc)
  • Constellation labels are added.
  • Navigation directions added (though buggy when on Poles).
  • Take Snapshot of Sky!
  • Cool menus!

Road Map

  • Use of worker threads!
  • Save the sky!
  • Rich View of constellation, stars, celestial objects
  • Open source it.

28 Comments

  1. Jane wrote:

    This feature seems not to be working: “Select a location and view that sky”
    I’m using v0.3b in Chrome.

    Tuesday, March 1, 2011 at 6:52 AM | Permalink
  2. elan wrote:

    Thanks for pointing it out. It was due to a change in google map apis. The feature is working now.

    Tuesday, March 1, 2011 at 9:39 AM | Permalink
  3. Shaun wrote:

    i have just downloaded ver0.4b and nothing. Menu on left and big black circle in the middle of screen with n, s, e, and west. thats all

    Monday, March 7, 2011 at 2:39 AM | Permalink
  4. elan wrote:

    If you are seeing a blank, then your browser doesn’t support canvas element. Try latest browsers from Chrome, Safari, Firefox (HTML5 support)

    Tuesday, March 8, 2011 at 12:56 AM | Permalink
  5. Jeffrey wrote:

    Your sky viewer is awesome. Thank you.

    Thursday, June 30, 2011 at 11:29 AM | Permalink
  6. Could we help in making a taylored version of your hmtl5 Art of Stars for our astronomy club’s webpage?

    Many Thanks

    Diego Rodríguez
    Secretary, Cosmos Grup d’Astronomia de Mataró

    Tuesday, July 19, 2011 at 11:04 AM | Permalink
  7. Nat Kuhn wrote:

    Nice job so far. Great to see the constellations, but you should be able to click in an area to have the constellation names appear or disappear. Having them all on screen at once is too confusing.

    Saturday, August 20, 2011 at 4:35 PM | Permalink
  8. Gil wrote:

    Excellent. Is it possible to zoom in and pan down to view the horizon? I can zoom by double clicking, but the horizon moves out of the browser window, and I couldn’t find a way to move just one edge of the horizon back into the window.

    Monday, August 29, 2011 at 9:24 AM | Permalink
  9. Ani Yeshe Chosdron wrote:

    i am using google chrome last version and cannot see anything else than a black circle

    Tuesday, August 30, 2011 at 9:06 AM | Permalink
  10. prem wrote:

    Thanks. The whole view doesn’t work around the concept of horizon, as the location isn’t fixed here. Probably we can provide a horizon view given a location. Give us time!

    Tuesday, August 30, 2011 at 11:42 PM | Permalink
  11. Linda Osborne wrote:

    I like the chart but I don’t understand what I am looking at and why is the East on the left side.

    Tuesday, September 13, 2011 at 4:21 PM | Permalink
  12. prem wrote:

    That’s a good point. BTW you are not seeing the cardinal direction on earth but on the opposite side which is sky. Remember we need to look up the sky (like lying on the ground, facing the sky and pointing your head to the north, feet to the south, left hand facing east, right hand facing west). The same is reversed when you look a point on the earth (like laying on the ground facing vertically down).

    Tuesday, September 13, 2011 at 9:42 PM | Permalink
  13. DEV wrote:

    Terrific. Great Job!
    Is there a way this could be called as a service. I run a free astrology site – jotiz.com (mobile and ipad).
    It would be wonderful to view the charts alongside the actual sky map. I find it very easy explaining (example) current Saturn position at the Virgo / Libra cusp. How it enters Libra fully in 2013. I can do it with the charts – but this is so much more visually appealing.

    Tuesday, November 29, 2011 at 2:48 PM | Permalink
  14. fer wrote:

    Just a black circle w/cardinals. Menu at the bottom.
    I am using Chrome latest version.
    Do I need some kind of plug in or something else?

    Sunday, December 18, 2011 at 7:19 PM | Permalink
  15. Web 5.0 wrote:

    Cool app. Featured in an article here: http://www.webfiveoh.com/content/posts/2012/jan/mon-16th/html5-3d-sky-map.html

    Monday, January 16, 2012 at 5:48 PM | Permalink
  16. sankar wrote:

    hello,

    The design is very good. But what kind of languauges you used for designing this.

    Best regards, Sankar

    Saturday, March 24, 2012 at 11:18 PM | Permalink
  17. Allison C wrote:

    Hello! great extension. I can’t get my orientation though. how does it work with the east on the left side?

    Tuesday, March 27, 2012 at 6:02 AM | Permalink
  18. emogirl wrote:

    this is really cool it makes me feel like im the the galaxy

    Thursday, March 29, 2012 at 7:01 AM | Permalink
  19. Sheila wrote:

    Good job

    Tuesday, April 24, 2012 at 12:41 PM | Permalink
  20. Naval Saini wrote:

    Very nice stuff. Would like to stay in touch.

    in.linkedin.com/in/navalsaini

    Please discard the above post. Dont want to put email id in public as such. :)

    Saturday, April 28, 2012 at 12:32 AM | Permalink
  21. Kunal wrote:

    I’m unable to download this! it shows “Checking” all the while? what can i do?

    Monday, April 30, 2012 at 4:53 AM | Permalink
  22. elan wrote:

    Whats the browser you are using?

    Tuesday, May 1, 2012 at 3:53 PM | Permalink
  23. Patrick wrote:

    This is great! Ursa Major is over my head and I never even knew. Brilliant App. Well done.

    Monday, May 28, 2012 at 8:09 AM | Permalink
  24. Jason Jowett wrote:

    Hi, I see on the chart of the sky, it shows the Sun, there, however its the middle of the night here now… why is it showing the opposite side of Earth?

    Sunday, June 3, 2012 at 11:30 AM | Permalink
  25. Sneha wrote:

    Very kool. Was amazed.

    Tuesday, July 3, 2012 at 12:47 AM | Permalink
  26. celo wrote:

    this app only worked once or twice. Now it oly shows a black circle. doesnt matter if i use chrome or ie.

    Tuesday, November 27, 2012 at 11:46 AM | Permalink
  27. SISO wrote:

    nakshart.com is cool!
    Although it does not work correctly with mobile based browsers, esp Android.
    Is it the site or the android browser that is the problem here?
    Is the site implemented correctly for mobile browser and would you recommend it for android browser testing? or it is in the experimental phase?

    Monday, December 10, 2012 at 6:01 AM | Permalink
  28. Adam wrote:

    is there a way to zoom in and out?

    Tuesday, January 15, 2013 at 9:26 AM | Permalink