[ Launch: transport ] 8876820 by gelicia
The list is scrollable: Click and drag / mousewheel / arrow up or down to see all the categories!
The yellow line indicates where you are on that day/time chart. The line only updates when you load a new category.
This visualization is of Yelp check-ins to certain categories of businesses over time. A business can have more than one category. The data is from an area in Arizona, collected between January 19th to March 12th, 2013.
The data was originally in JSON and provided by Yelp for a contest held at kaggle.com. To make it easier to aggregate, I split it up into tables and imported it into a MySQL database. I made the tables manually and imported much of the data by exporting the JSON to a CSV to match the table structure and imported the data from CSV to the database. The exception to this is business categories, since that was the only data that was relational and not split up by the original JSON files. First I used ruby to make a distinct list of the categ
State | NonDiscriminationLaws-SexualOrientation-Employment-3 | NonDiscriminationLaws-SexualOrientation-Housing-3 | NonDiscriminationLaws-SexualOrientation-PublicAccommodations-3 | RelationshipRecognition-SexualOrientation-MarriageEquality-12 | RelationshipRecognition-SexualOrientation-CivilUnions-12 | RelationshipRecognition-SexualOrientation-DomesticPartnerships-12 | MunicipalServices-SexualOrientation-EnumeratedAntiBullyingSchoolPolicies-3 | NonDiscriminationLaws-GenderIdentity-Employment-3 | NonDiscriminationLaws-GenderIdentity-Housing-3 | NonDiscriminationLaws-GenderIdentity-PublicAccommodations-3 | MunicipalServices-GenderIdentity-EnumeratedAntiBullyingSchoolPolicies-3 | FinalScore-60 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Alabama | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | |
Alaska | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | |
Arizona | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | |
Arkansas | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | |
California | 3 | 3 | 3 | 12 | 0 | 12 | 3 | 3 | 3 | 3 | 3 | 48 | |
Colorado | 3 | 3 | 3 | 0 | 12 | 0 | 3 | 3 | 3 | 3 | 3 | 36 | |
Connecticut | 3 | 3 | 3 | 12 | 0 | 0 | 3 | 3 | 3 | 3 | 3 | 36 | |
Delaware | 3 | 3 | 3 | 12 | 0 | 0 | 0 | 3 | 3 | 3 | 0 | 30 | |
Florida | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
[ Launch: ssfdsdf ] 9648068 by gelicia
[ Launch: helpdomino ] 9654938 by gelicia
[ Launch: fisheyeplay ] 9666146 by gelicia
[ Launch: Let it spin ] 6a0f6b33eb651a3069f2 by gelicia[ Launch: Let it spin ] c8b2e25a453f62514874 by Catlinman
[ Launch: PVC LITES ] ef43134bcae78a1cc012 by gelicia
Hey Modernizr, I saw this was a way to ask a question without doing an IRC issue, I was wondering if this has come up before. | |
Basically, my webpage has an image that needs to be inverted when something is selected. There's all the various filters but the two that actually do something are these two: | |
1.) -webkit-filter: unquote("invert(100%)"); | |
This is what works in webkit supported browsers like Chrome and some others | |
2.) filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert"); | |
This is what works in Firefox. It's an SVG filter that you can apply to the image that will invert the color. | |
IE does not support either of these, and I would like to remove the thing that toggles this when the user has IE, or any browser that does not support one of these things. The modernizr detectors I was using was cssfilters and svgfilters. |
[ Launch: Tributary inlet ] d4f1b4e571aeae5fc54a by gelicia