index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <link rel="icon" type="image/png" href="favicon-32x32.png">
    <title>ParaViewWeb Visualizer</title>
  </head>
  <body>
    <div class='content'></div>
    <script src="Visualizer.js"></script>
    <script>
      Visualizer.connect({ application: 'visualizer' });
      Visualizer.autoStopServer(10);
    </script>
  </body>
</html>

<script>
// grab the parameter from the URL
function getUrlParameter(name) {
  name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
  var results = regex.exec(location.search);
  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};

Visualizer.connect({
  application: 'visualizer',
  dataFile: getUrlParameter('data'),
  dataDir: '~/ParaView/ParaView-5.4.0-Qt5-OpenGL2-MPI-Linux-64bit/share/paraview-5.4/data'
});
</script>