JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<div id='hueta'>
<hr>
</div>

CSS

#hueta {
  position:absolute;
  width:100%;
  height:100%;
}

JavaScript

const url = 'https://raw.githubusercontent.com/oasis-open/cti-stix-visualization/master/test.json';

fetch(url)
	.then(response => response.json())
  .then(({ objects }) => {
  	const uniqueTypes = _.uniq(objects.map(({ type }) => type));
    uniqueTypes.forEach(type => {
    	switch(type) {
      	case 'relationship':
        case 'marking-definition':
        	break;
          
        default: {
        	$('hr').before(`<p>${type}</p>`);
        }
      }
    });
  })
  .catch(e => {
  	$('hr').before('<div>Пизда</div>')
  });