We’re trying out a new site idea for the online digital sociology program. Once again, Matt came up with an idea that really got me excited and I started wandering around trying to figure out how to make it work. At some point I found CensusReporter.org. This is a pretty amazing site that is a Knight1 News Challenge-funded project. What we want to do is figure out roughly where the viewer/visitor is geographically and give them a glimpse of that area through some data. Nothing too deep, just a taste of the interesting ways technology, data, and visualization can blend together to do interesting things. We don’t want the exact address for a few reasons. One, we don’t want to be too creepy. Two, getting a rough location through the IP address doesn’t trigger the browser approval request that more exact location data requires. My goal is not to subvert the approving/denying of location data but I worry too many people will miss that approval prompt and we’re not keeping this data. Get Location To get local data I have to figure out where the person is. To do that, I’m just grabbing the IP address and getting a location bounced back. There are a few ways to do this. I went with freegeoip.net and the following function would give […]
I am still kicking around ideas for a timeline of my work history. You can see some of the other stuff in this post. This version is a Bootstrap version that I think can end up working pretty well even in a mobile view with a bit more work. You can see it full size here. It’s set up so that there are two col-sm-6 containers that hold ten columns each making for a total of 20 covered years. I didn’t realize Bootstrap would let you just do col-1 and make it more than 12 columns. So I have two rows of 10 columns within the 6 column ‘halves’ of the page. That lets them break nicely on mobile views into two rows that stack. I set up some JSON to represent the jobs. I only did three so far but there are enough to see it’s functional. If you click on one of the first three job titles, you’ll see the data below the timeline changes. I haven’t really worked through the colors. I’m letting it marinate to see if I want to take it to fruition. See the Pen bootstrap timeline test by Tom (@twwoodward) on CodePen.
Tobias Schneider on Twitter: “Somebody forgot to turn off their Fitbit. Markers trace known military outposts, supply and patrol routes.… “ Somebody forgot to turn off their Fitbit. Markers trace known military outposts, supply and patrol routes. Donald Rumsfeld’s Snowflake Poetry Is Exactly What America Needs Right Now – POLITICO Magazine CALENDAR, PART 2 I have a feeling that the things I want to do that we have to drop off the calendar don’t get put back on. For example, I still need a dentist appointment. Nov. 28, 2001,1:21 p.m. h/t my lovely wife Walgreens Vampire | Orlando – Yelp He’s normally referred to as the Altamonte Vampire, although I’ve never seen him in any other businesses than Walgreens, as he pretty much lingers there late at night. I’ve also heard to him referred to as Dracula, but I think the Walgreens Vampire is more fitting than anything. Prior Art – Futility Closet Krøyer patented his technique in the United Kingdom and Germany, but (the story is told) the Dutch application was rejected because a Dutch examiner found the 1949 Donald Duck comic The Sunken Yacht, by Carl Barks, in which Donald and his nephews raise a yacht by filling it with ping-pong balls. Senate Quietly Admits It Doesn’t Protect Staffers’ Personal Email Or Devices From Hacking The government agency […]
One of the things I ended up being dissatisfied with on my own portfolio was the timeline of my work history.1 At the time making an interactive multimedia timeline seemed like a good idea. Just the phrase “interactive multimedia timeline” sounds fancy, right? I made it using the KnightLab Timeline JS tool (which is a great tool) but it just doesn’t do what I want. Define the Purpose I hadn’t really thought deeply enough about my audience. If it’s people trying to hire me, and I can’t imagine anyone else caring, then I have to think what I want them to understand at a glance. Paging through the timeline can tell a decent story (if it happens) but the timeline does not allow the viewer to see the big picture at a glance. I also tried to show that while I’ve had a large number of jobs there’s a pattern of, and consistency between, organizations and between higher ed and k12. I tried to make that connection in the Timeline JS version by using the same logo and color pattern in the segments but it requires people to notice that and hold it in their heads. It’s not doing what a good visualization should do which is to offload that cognitive load to the eyes of the viewer. Hand Sketch […]
This is meant to be a general survey of a fairly large swathe of concepts and examples with lots of links for additional specificity. I encourage you to follow links.1 I’ve tried to also mix it with quotes from a variety of designers.2 Those people are also worth exploring and most links will lead you to something that will lead you down an associative trail3 of links/searches.. Portfolio design considerations are grounded in many of the same design decisions that are foundational to good data visualizations. Many portfolios also include, maybe should include, elements that meet the typical definition of data visualizations although usually of small data sets.4 Both portfolios and data visualizations can be thought of as heuristics. You’re helping people think. You’re helping them understand you, a concept, a relationship, etc. Rich content brings meaning to a graphic. Inviting visualization interprets the content and highlights the essence of the information for the reader. Sophisticated execution brings the content and the graphics to life. Dona Wong Have an Audience in Mind5 The audience sets the initial frame for your consideration. Who are you trying to talk to? What are their likely experiences with websites and what do they care about? It’s also worth thinking about what might keep you from being attractive to people that you wouldn’t like. Assuming […]
I heard Trump saying ‘fake news’ on the way in this morning and it led me to ‘fake hues.’ It’s been stuck in my head ever since. I thought this would have been done already but a cursory google search didn’t turn it up so . . . I took the image of Trump from this article and used Color Thief1 to pull out the three main skin-ish colors. It took all of five minutes to slap together and write this post so I’ve now got it out of my head and can move on to more productive things. But I’ll probably come back to it this evening to match the font and the box ratios on the upper portion so the white spaces matches the letter cross-strokes like the lower portion. 1 It’s science rather than my biased selection of especially orange colors.
We’re doing year two of the Social Work Portfolio in Google Docs. I am opting to do the creation/duplication of the main files on the computer end rather than the Google Drive/Scripts side of things because of all the hassle from last year. You can read more about the full failure here. This AppleScript will give me 100 iteratively-named (x_1, x_2, etc.) copies of the source folder and all its sub-directories and their content. It is just adding a variable from the AppleScript to the loop that calls the terminal command ditto. I’m sure a shell script could do this or I could do it fully in Automator. There are many paths but I knew enough about both of these to get what I needed one in ~5 minutes. Next up will be automating the sharing via Google Script. It won’t be much different than last year but I’m going to add a piece that will write that the folder and the contents were successfully shared to the spreadsheet that holds the student emails. That way when/if the script fails it can auto-resume without having to go back and start over.
Comic contracts and other ways to make the law understandable Considering how swamped we all are with agreements and terms, from the workplace to just downloading apps, we need to change the way the information regulating our legal relationships is presented, as well as the level of other detail it contains. Pointlessly complex contracts have to stop. This is why some lawyers are rethinking contract design, using mind maps, illustrations and even contracts in comic strip form, which is the focus of my research. What comic comes up when you load XKCD today? : AskReddit the various permutations of the umwelt comic broken down The 29 Stages Of A Twitterstorm In 2018 I cannot tell what is parody and what is reality anymore. INTE 5340 – Weekly Reflections of an Analog Woman in a Digital World: Case Study #1 – anth101.com – Anthropology for Everyone anth101.com models for me what a living, breathing course can look like. When I look back to when I taught Drugs and Behavior and Intro Psych, I see the classes I taught as boring and lifeless. We as a class didn’t create our own stories together, and we lost the opportunities to make connections. I really like how well-integrated all the various media for each lesson and challenge are on the website. And the more I […]
I had the chance to talk to the kind folks from Middlebury about digital fluency Friday. I’ll probably do a better job getting into the depth of things with this as I was moving pretty rapidly for the 20 minute presentation. It’s also super-meta in a way that’s hard to articulate verbally so I’m going to try to use digital elements to allow that to surface more obviously. You can view the original presentation in the reveal.js framework here.1 I thought this was funny. I considered translating it to French to further emphasize the “this is not a pipe” thing but after surveying a few people in the office I became less confident anyone would know what I was talking about and I would have to rely on Google Translate for the French which seemed risky given Middelbury’s language focus. Part of what I wonder, now even more than a few years ago, is what people are thinking when they talk about digital fluency. There’s just so much there and it’s so entwined with so many other things. My goal was to have people vote on a 1-5 scale on how complex an example of digital fluency by holding up their fingers. That didn’t work to well because Zoom doesn’t let you do the gallery view of participants when you […]