ascott

How to add a profile image using Gravatar

1. Visit http://en.gravatar.com and click Create Your Own Gravatar

2. Sign up or login for a Wordpress.com account using the same email address you use to sign in to Participedia

3. Check your email for the confirmation email from Gravatar

ascott

This is a SCRIPT-8 cassette.

ascott

This is a SCRIPT-8 cassette. Click here to boot it.

ascott

// get long list of options to test select performance
function getFakeTableOptions(numOptions) {
  let counter = 0;
  let options = [];
  const prefixes = ['foo', 'bar', 'baz', 'zeb', 'alpha', 'beta', 'xylo', 'superfragilistic',
                    'quick', 'brown', 'fox', 'jumped', 'over', 'lazy', 'dog', 'yak', 'cucumber'];
  while (counter < numOptions) {
    const label = `${prefixes[Math.floor(Math.random() * prefixes.length)]}--${counter}`;
    options.push({ label: label, value: label });
    counter++;

ascott

<div class="loading"></div>

ascott

http://museum-api.pbworks.com/w/page/21933420/Museum%C2%A0APIs
http://americanart.si.edu/collections/search/lod/about/
https://datahub.io/dataset?tags=museum
http://blog.variousbits.net/2009/04/16/the-brooklyn-museum-api-qa-with-shelley-bernstein-and-paul-beaudoin/
https://medium.com/@andrea_ledesma/how-we-learned-to-stop-worrying-and-love-open-data-a-case-study-in-the-harvard-art-museums-api-893c3f40ecb7#.hthquwry8
http://labs.cooperhewitt.org/2014/the-api-at-the-center-of-the-museum/
https://github.com/WaltersArtMuseum/walters-api
http://mw2015.museumsandtheweb.com/paper/art-data-building-the-sfmoma-collection-api/
http://data.culturehack.org.uk/
https://www.brooklynmuseum.org/opencollection/api/

ascott

//https://twitter.com/tweetcongress/lists/congress/members
//https://twitter.com/cspan/lists/members-of-congress/members
var $rows = $('.js-profile-popup-actionable');
var csv = 'name,twitterHandle,twitterUrl\n';
$rows.each(function(i) {
  var $el = $($rows[i]);

  var name = $el.attr('data-name');
  var twitterHandle = $el.attr('data-screen-name');
  var twitterUrl = 'http://twitter.com/' + twitterHandle;

ascott

source: http://www.socialseer.com/resources/us-senator-twitter-accounts/

ascott

React + D3 exploration with the force layout:

• React for structure
• D3 for data calculation
• D3 for rendering

Pro:

• The viz scales!
• Use all the d3 functions!

Con:

ascott

license: gpl-3.0