JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://unpkg.com/ontodia@0.8.0/dist/ontodia-full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.6.2/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.6.2/react-dom.js"></script>
<div id="container"></div>

CSS

html, body, #container {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

JavaScript

function onWorkspaceMounted(workspace) {
    if (!workspace) { return; }
    workspace.getModel().importLayout({        
        dataProvider: new Ontodia.SparqlDataProvider({
            endpointUrl: 'https://library-ontodia-org.herokuapp.com/sparql',
            imagePropertyUris: [                
                'http://xmlns.com/foaf/0.1/img',
            ],
            queryMethod: Ontodia.SparqlQueryMethod.GET
        }, Ontodia.OWLStatsSettings),
    });
}

ReactDOM.render(
    React.createElement(Ontodia.Workspace, {ref: onWorkspaceMounted}),
    document.getElementById('container')
);