Concept

During this course I created a datavisualisation with D3, my concept is that i'm going to show the most used materials throughout the collection. I'm going to do that with a sunburst diagram. Where the most inner circle describes the most basic materials from the thesaurus. And the outer circles describe more detailed versions of the thesaurus and their materials.

Data

The data i'll be using is from a SparQL query. I manipulate it using a json format that D3 recognizes. It has a parent topic and children 'nodes'. The children are in an array

{
  "name": "TOPICS",
  "children": [
    {
      "name": "Topic A",
      "count": 10,
      "children": [
        {
          "name": "Sub A1",
          "count": 4,
          "children": [
          ]
        },
        {
          "name": "Sub A2",
          "count": 4
        }
      ]
    },
    {
      "name": "Topic B",
      "children": [
        {
          "name": "Sub B1",
          "count": 3
        },
        {
          "name": "Sub B2",
          "count": 3
        },
        {
          "name": "Sub B3",
          "count": 3
        }
      ]
    },
    {
      "name": "Topic C",
      "children": [
        {
          "name": "Sub A1",
          "count": 4
        },
        {
          "name": "Sub A2",
          "count": 4
        }
      ]
    }
  ]
}

Pictures of the concept

These are some pictures of how i wanted it to originally be, it shows a sunburst diagram.

Pictures of how it looks now

Version 1

This is how it looks like with the data rendered, its pretty standard, but also not completely correct. It gets the count of the sub categories wrong and cant quite fill them in.

Version 2

Because the count is wrong from the data i receive, i had to do something, instead i chose for a simpler form of showing the amount of categories. I just show what main category contains the most sub categories. That way it can completely fill it up.

This one is a more narrower search of the categories. That way you can easily see that there's a ton of different photo types.

Version 3