Example - classifyGif about nsfwjs HOT 5 CLOSED

Presenting the gif classification can look like this: https://observablehq.com/d/c70415332a1f4cb9

Gif output can be converted to a readabe chart format with the following transform

let results = {name: "results", children: []}
data.map((frame, i) => {
  const lastChild = results.children.slice(-1)[0]
  const currentClass = frame[0].className
  if (lastChild && currentClass == lastChild.name) {
    // Add frame to entry
    lastChild.children.push(
      {"name": "frame " + (i+1), "value": 1}
    )
  } else {
    // Create new
    results.children.push({
      name: currentClass,
      children: [
        {"name": "frame " + (i+1), "value": 1}
      ]
    })
  }
})

This comes out looking like so!

from nsfwjs.

So getting d3 working in React is a pain.

Even though I have all the code for d3, I apparently can't get my branch to render the SVG. I might abandon the demo of classifyGif and just document it.

from nsfwjs.

The branch is gifGraph if someone wants to take a stab:
https://github.com/infinitered/nsfwjs/tree/gifGraph

from nsfwjs.

Thinking of switching to bar graph.

from nsfwjs.

GIF is in demo now. No graphs yet.

from nsfwjs.