Slide 1

Slide 1 text

VISUALIZING ALM’S IN D3.JS Juan Pablo Alperin (@juancommander)

Slide 2

Slide 2 text

THE CHALLENGE to improve the metrics displayed on publisher pages NOT for data analysis or research NOT for aggregate metrics rather for helping the reader understand the article’s impact

Slide 3

Slide 3 text

THE COMPETITION not very stiff it appears as if little thought has gone into displaying metrics maybe unfair? focus has been on displaying numbers

Slide 4

Slide 4 text

I AM NO PICASSO =

Slide 5

Slide 5 text

I AM NO MIKE BOSTOCK = creator of d3.js

Slide 6

Slide 6 text

EXHIBIT I – PLOS

Slide 7

Slide 7 text

EXHIBIT I – PLOS

Slide 8

Slide 8 text

EXHIBIT II – ALTMETRIC.COM http://www.flickr.com/photos/yamagatacamille/5895167009/

Slide 9

Slide 9 text

EXHIBIT II – ALTMETRIC.COM

Slide 10

Slide 10 text

EXHIBIT II – ALTMETRIC.COM

Slide 11

Slide 11 text

EXHIBIT III – IMPACTSTORY

Slide 12

Slide 12 text

EXHIBIT III – IMPACTSTORY

Slide 13

Slide 13 text

EXHIBIT IV – ELIFESCIENCES.ORG

Slide 14

Slide 14 text

EXHIBIT IV – ELIFESCIENCES.ORG

Slide 15

Slide 15 text

OK. ENOUGH CRITIQUE.

Slide 16

Slide 16 text

MONEY WHERE MOUTH IS http://www.flickr.com/photos/yamagatacamille/5895167009/

Slide 17

Slide 17 text

LET’S SEE A LIVE DEMO also on any of the co-action journals

Slide 18

Slide 18 text

THE NUMBER design considerations how many!

Slide 19

Slide 19 text

THE SPARKLINE design considerations sense of history

Slide 20

Slide 20 text

A SENSE OF SCALE design considerations maximum value

Slide 21

Slide 21 text

MULTIPLE AGGREGATIONS design considerations all levels available

Slide 22

Slide 22 text

MINIMALIST design considerations •few labels •no grid lines

Slide 23

Slide 23 text

MORE INFORMATION design considerations link to source data tooltip

Slide 24

Slide 24 text

STACKED design considerations

Slide 25

Slide 25 text

OTHER CONSIDERATIONS in current version • turn off graphics for few events future versions • add graphics based on when service queried if no timestamp is available • allow showing/hiding of sources • link through to more complete article profile

Slide 26

Slide 26 text

CREDITS almviz hackathon group (ALM workshop 2012) but especially Martin Fenner