To display, I am adding each item to an unordered html list with $.append, which I am also using to format the object type as bold. It would be better to put the object type and the count in different html tags with unique classes so that the formatting can be done separately with CSS. The yellow background is however thanks to CSS.
|A list of object types and count of items of that type|
If I wanted to get all the keys out as an array I could do so with .keys however this appears to only have support in the very newest browsers. For now I will run through a for loop and get each individually. This leaves me wondering if I am missing a better approach to organising my data?
|A list of object types and titles of each item of that type|
Problem - handling undefined keys. Don't know how to skip. It appears all items have a title and object type recorded, but there is variable use of most other parameters. Something to come back to..
|A list of object types sorted alphabetically|
|A list of object types sorted by count descending of items of that type|
|A list of object types and images of each item of that type if available|
|A list of object types and images of each item of that type if available with a count of available images|
|Item record in the NMA online catalogue linked from my list of object types|
My next steps will be to try working with the full dataset (I have only been using the first 800 item here), and to draw only what is on screen so there are not huge numbers of images flying around (see if I can get ajax to work now?). Then I will need to learn to draw so that I can get more sophisticated formatting and so that I can design some analytical visualisations (charts, graphs etc). For these I could try Processing.js or Raphael or D3.js which supercedes Protovis.