Dan Berges · May 30 1m read

FHIR Patient Viewer

Alt Text

Hi everyone!

Just wanted to share here a quick post about my project for the Grand Prix :)

FHIR Patient Viewer is a single-page, reactive rendering tool built on Vue.js that displays in a human-friendly way the data returned from a /Patient/{id}/$everything call made to an InterSystems FHIR server. In the readme, I've included 3 main things: 1. A video demo connecting FHIR Patient Viewer to a sandbox IRIS FHIR server (the fastest way to test it); 2. A second video showing how I would use FHIR Patient Viewer in a production environment (using a custom backend to handle the API calls, written in PHP/Laravel in my example, but transferable to other languages/frameworks); and 3. instructions to modify the components, create your own version of the tool, and build your own dist files.

Thanks, everyone! Amazing quality in the projects in the contest!


0 515
Discussion (4)2
Log in or sign up to continue

Hi Dan,

I am trying to use your HTML version to view data from my FHIR database in a test environment, so I didn't want to implement the authentication, etc.  Is that possible?  When I use the HTML it just says "Loading".  I can get to the FHIR endpoint from Postman using the same link and I do have Patient 1 posted to FHIR.  Here is what the HTML looks like:

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="" rel="stylesheet" />
    <link href="" rel="stylesheet" />
    <div id="fhir-visualizer"></div>

        window.intersystemsUrl = 'http://IP:port/csp/healthshare/fhirdev/fhir/r4/';
        window.intersystemsPatientId = 1;

    <script src=""></script>
    <script src=""></script>

This looks really cool.  Any help would be appreciated.


Can you able to share the Git Link of Laravel project connected to Intersystem.