-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
112 lines (112 loc) · 5.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MedicaidSDK</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="app/styles.css">
<script type="module" src="app/index.js"></script>
</head>
<body>
<header>
<h1>MedicaidJS</h1>
<div class="navContainer">
<a href ='https://doi.org/10.1093/bioadv/vbad170' target="_blank" class="navElement">Publication</a>
<a href ='https://github.com/episphere/medicaid' target="_blank" class="navElement">Github</a>
<a href ='https://observablehq.com/@medicaidsdk/data-apis-medicaidsdk' target="_blank" class="navElement">Documentation</a>
<a href ='https://observablehq.com/@medicaidsdk/overview' target="_blank" class="navElement">Observable</a>
<a href='https://www.youtube.com/watch?v=5ie68NFGEHs' target="_blank" class="navElement">Tutorial</a>
<a href='https://www.npmjs.com/package/medicaid' target="_blank" class="navElement">Npm</a>
</div>
</header>
<div class="hero-image">
<div class="hero-headings">
<h1 class="hero-title">Welcome to MedicaidJS</h1>
<p>
MedicaidJS is a software development kit (SDK) that interacts with the vast amount
of data contained within the Medicaid, FDA, and rxNorm datastores.
The SDK is a lightweight, portable, and easy-to-use JavaScript library
requiring no downloads or installations.
</p>
<a href="https://observablehq.com/@medicaidsdk/overview" target="_blank" class="hero-button" id="hero-button">Get Started</a>
</div>
</div>
<main>
<section class="core-capabilities" id="core-capabilities">
<h2 class="core-header" id="core_">Core Capabilities</h2>
<p class="core-text">
Performing realtime drug analytics is easy with MedicaidJS.
Simply select diseases or drugs of interest in order to begin
the visualization process. The SDK contains data regarding drug utilization at
both the state and national levels, drug pricing over time, and even contains
large repositories of social metrics and healthcare quality data.
</p>
<div id="nadacCost" class="graph"></div>
<div id="choropleth" class="graph"></div>
<div id="utilTimeSeries" class="graph"></div>
<div id="utilBar" class="graph"></div>
<div id="healthcareMeasures" class="graph"></div>
<div class="graph-slideshow-container">
<a class="prev" id="prev" aria-label="Previous">❮ Back</a>
<a class="next" id="next" aria-label="Next">Next ❯</a>
</div>
</section>
<section class="apis">
<div class="apis-container">
<div class="api-entity">
<div class="api-logo fda-logo"></div>
<div class="api-text">
<a href="https://open.fda.gov/apis/drug/ndc/" target="_blank" class="api-header">FDA APIs</a>
<p>MedicaidJS allows developers to programmatically utilize the FDA API to gain insight
on drug efficacy, history, and purpose.</p>
</div>
</div>
<div class="api-entity">
<div class="api-logo medicaid-logo"></div>
<div class="api-text">
<a href="https://data.medicaid.gov/api" target="_blank" class="api-header">Medicaid APIs</a>
<p>MedicaidJS allows for seamless access to the largest Medicaid Datasets
including NADAC (National Average Drug and Acquisition Cost) and
State Drug Utilization.
</p>
</div>
</div>
<div class="api-entity">
<div class="api-logo rxNorm-logo"></div>
<div class="api-text">
<a href="https://lhncbc.nlm.nih.gov/RxNav/APIs/RxNormAPIs.html" target="_blank" class="api-header">RxNorm APIs</a>
<p>Instead of foraging through NDC or ICD codes MedicaidJS permits users
to search for specific drugs based on singular ingredients, disease classes, or generic
names.
</p>
</div>
</div>
</div>
</section>
<section class="installation">
<h2 class="installation-header">Installation</h2>
<p>Installing MedicaidJS can be performed with a single line of code
following the ES6 conventions. Run the following command in your browser
or IDE of choice to import the module. To learn more about the specific
functions the module contains visit the <a href="https://observablehq.com/@medicaidsdk/data-apis-medicaidsdk" target="_blank">documentation.</a></p>
<code class="installation-div">MedicaidSDK = await import ('https://episphere.github.io/medicaid/sdk.js');</code>
<code class="installation-div">npm install medicaid</code>
<img src="https://developer.chrome.com/static/docs/devtools/open/image/the-developer-tools-optio-2d9d9b7c0ac96.png" alt="">
</section>
<section class="tutorial">
<iframe width="420" height="315"
src="https://www.youtube.com/embed/5ie68NFGEHs">
</iframe>
</section>
<section class="contact">
<h2 class="contact-header">Reach Out</h2>
<p>If you have any questions or inquiries, please feel free to get in touch with us by referencing GitHub issues.</p>
<a href="https://github.com/KunaalAgarwal/medicaid/issues" target="_blank" class="hero-button">Github Issues</a>
</section>
</main>
<footer>
<p>© 2023 NCI-DCEG. All rights reserved.</p>
</footer>
</body>
</html>