mobomo / stately Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
It would be great if I could do something like:
<span style='color:red;'>al, tx, mi</span> <span style='color:blue;'>wi, ve, ca</span>
Checked the documentation so I apologize if I missed this but is it possible to hyperlink the individual states?
Bootstrap 2.3 was released.
http://blog.getbootstrap.com/2013/02/07/bootstrap-2-3-released/
Hey, I use and love Stately. I think it would be awesome if it could be added as a Bower package so it can be managed with all the other project dependencies. Any chance of this happening?
The image of Alaska seems too haphazardly placed on the map, detracting from the image of the USA as a whole. A google image search of "map of USA" will normally show Alaska's long upper eastern border to be straight north-south (up-down), not turned 20 degrees counter-clockwise. (At any rate, on a globe it would really be turned 20 degrees clockwise.)
Since each character is stacked on top of each other, there is currently no easy way to click on each <li>
and do anything with the data that builds it. My use case is to tint the color based on a set of population density data.
Ben mentioned on Twitter recently that an interactive version was coming soon.
I don't see any recent commits here, but was hoping to open up the discussion so if there was any way to help, I could try to contribute!
Or if anyone has any suggestions on how I could go about implementing this on my own, let me know!
In your documentation, you say that in "modern browsers" ligatures are available, rather than having to use arbitrary characters. Which browsers are those?
If the set of modern browsers is sufficiently large, please update the suggested markup to use the ligatures instead, perhaps with a note that one can also use single letters to support legacy browsers.
I recently worked on a project that included Puerto Rico in it's dataset. I was able to add it to the set myself, but thought that perhaps it would be a helpful consideration to include it in the future.
I suppose there are plenty of other united states incorporated territories that could be considered for integration but seems that Puerto Rico has the largest population.
Thanks so much!
How would one reset the positions? For instance if we wanted to use a tri-state area map or a singular state?
Hi using Firefox 21 with Ubuntu Linux 12.04 the maps on the home page (http://intridea.github.io/stately/) are not appearing properly, with Maine and Washington State's northern halves getting truncated. (I'm not seeing this problem with Google Chrome, everything is fine with it.) Also, the minor web browser Konqueror cannot display the maps at all, I don't know how much of a concern that is though. The attached picture shows Konqueror on the left and Firefox on the right.
I like stately. Any interest in doing a worldly giving countries instead of states?
Some of the <glyph>
tags in the SVG are incomplete - they're written like <glyph d=
and just end there. Obviously, a string is needed for the attribute value, and a closing > character.
Howdy -- I love this font and idea, and just started playing around with it! One issue, though: the example in the readme has an error, in that it uses ids for all the <li> items, but then the example CSS uses the title-based selector (.stately li[title="va"]) to style the various states with a new color (rather than an ID-based selector, e.g., ".stately li#va").
Thanks for the awesome font and idea!
Gather data for small multiples and demo.
Hi, the attached HTML page, which externally links to http://intridea.github.io/stately/stately/stately.css, renders fine in Chrome but not in Firefox (in the latter, the fonts aren't loading, just resulting in big letters appearing instead.) This is a possible solution: http://stackoverflow.com/a/11547159.
It would be good if http://intridea.github.io/stately/stately/stately.css in the gh-pages branch can be tweaked so it will work with Firefox remotely. Even though we shouldn't rely on this CSS page for production use, it's helpful for prototyping and in learning how to configure our own stately.css so it works with all browsers.
Here is the HTML file: https://gist.github.com/gmazza/5710892
Do you have any idea, if a feature of make clickable with hover effect each state could be add in the future with this logic.
Thanks for the efforts in this project.
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.