Skip to content

Commit

Permalink
Create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@nofurtherinformation
nofurtherinformation committed Oct 24, 2023
1 parent ffd8e5a commit c83604a
Showing 1 changed file with 237 additions and 0 deletions.
237 changes: 237 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html lang="en">
<head>
<script
src="https://www.unpkg.com/@open-spatial-lab/full-bundle@latest/dist/index.js"
async
type="module"
></script>
</head>
<body>
<main style="display: block; margin: 0 auto; max-width: 1440px">
<div id="root-inner">
<sp-theme dir="ltr">
<div>
<h1>US Vision Health Provider Data Explorer</h1>
</div>
<osl-flex-box breakpoint="md">
<div style="max-width: calc(50% - 20px); padding-right: 20px">
<p>
The US Vision Health Provider Data Explorer tool is an
exploratory data and screening tool for vision care providers
across the US. The version of the tool providers data
visualization by county for each state in the US and the
subspecialties listed in the US Department of Health and Human
Services (HHS) National Provider Identifier (NPI) dataset.
</p>
</div>
<div style="max-width: 50%">
<p>
On the left, you can filter by vision care provider subspecialty
and state. Summary statistics will display in the table on the
left and the map on the right will display the selected area and
statistics. Click the layer icon on the map legend to visualize
a different variable. Below, you can explore a full table of
available providers and download the county summary data or a
full list of providers for your query.
</p>
</div>
</osl-flex-box>
<p style="font-size: 0.75rem">
Data sources: Providers - HHS NPI (Summer 2023); Population Data -
ACS 2021 5-Year Estimates (via Social Explorer); Geographies - US
Census Administrative Boundaries (Counties - 2019)
</p>
</sp-theme>
<br />
<hr />
<br />
<div style="display: flex; flex-direction: row; gap: 1rem">
<div style="min-width: 30%">
<div style="display: flex; flex-direction: column; gap: 1rem">
<osl-select-control
option="state"
title="Filter by state"
initialvalue="IL"
data='["https://d36q6zt0rhsb35.cloudfront.net/data-query/65303831181b4500089e4fe6","https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"]'
options='["AL","AK","AZ","AR","CA","CO","CT","DE","DC","FL","GA","GU","HI","ID","IL","IN","IA","KS","KY","LA","ME","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ","NM","NY","NC","ND","OH","OK","OR","PA","PR","RI","SC","SD","TN","TX","UT","VT","VI","VA","WA","WV","WI","WY"]'
></osl-select-control>
<osl-select-control
option="taxonomy"
title="Choose a specialty or subspecialty"
initialvalue="*"
data='["https://d36q6zt0rhsb35.cloudfront.net/data-query/65303831181b4500089e4fe6","https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"]'
options='[{"value":"*","label":"All"},{"value":"%207W00000X%","label":"All Ophthalmology"},{"value":"%207WX0120X%","label":"Ophthalmology: Cornea and External Diseases Specialist"},{"value":"%207WX0009X%","label":"Ophthalmology: Glaucoma Specialist"},{"value":"%207WX0109X%","label":"Ophthalmology: Neuro-ophthalmology"},{"value":"%207WX0200X%","label":"Ophthalmology: Ophthalmic Plastic and Reconstructive Surgery"},{"value":"%207WX0110X%","label":"Ophthalmology: Pediatric Ophthalmology and Strabismus Specialist"},{"value":"%207WX0107X%","label":"Ophthalmology: Retina Specialist"},{"value":"%207WX0108X%","label":"Ophthalmology: Uveitis and Ocular Inflammatory Disease"},{"value":"%152W00000X%","label":"All Optometrists"},{"value":"%152WC0802X%","label":"Optometrist: Corneal and Contact Management"},{"value":"%152WL0500X%","label":"Optometrist: Low Vision Rehabilitation"},{"value":"%152WX0102X%","label":"Optometrist: Occupational Vision"},{"value":"%152WP0200X%","label":"Optometrist: Pediatrics"},{"value":"%152WS0006X%","label":"Optometrist: Sports Vision"},{"value":"%152WV0400X%","label":"Optometrist: Vision Therapy"},{"value":"%156F00000X%","label":"All Technicians/Technologists"},{"value":"%156FC0800X%","label":"Technician/Technologist: Contact Lens"},{"value":"%156FC0801X%","label":"Technician/Technologist: Contact Lens Fitter"},{"value":"%156FX1700X%","label":"Technician/Technologist: Ocularist"},{"value":"%156FX1100X%","label":"Technician/Technologist: Ophthalmic"},{"value":"%156FX1101X%","label":"Technician/Technologist: Ophthalmic Assistant"},{"value":"%156FX1800X%","label":"Technician/Technologist: Optician"},{"value":"%156FX1201X%","label":"Technician/Technologist: Optometric Assistant"},{"value":"%156FX1202X%","label":"Technician/Technologist: Optometric Technician"},{"value":"%156FX1900X%","label":"Technician/Technologist: Orthoptist"}]'
></osl-select-control>
<osl-stat-table
title="Summary Statistics"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
columns='["providers_per_100k","providers_count","Vision Difficulty Rate","Percent Without Health Insurance","Percent Less than High School","Total Population"]'
></osl-stat-table>
</div>
</div>
<div style="height: 80vh; width: 100%;">
<osl-glmap
mapstyle="https://basemaps.cartocdn.com/gl/positron-gl-style/style.json"
legendposition="top-left"
shownavigation="true"
showsinglelayer="true"
>
<osl-map-layer
source="65303b14fc2a290008152629"
legendtitle="Providers Per 100k Population"
visible="true"
geotype="WKB"
geocolumn="geometry"
datacolumn="providers_per_100k"
type="continuous"
bins="5"
colorscheme="RdYlBu"
filled="true"
attribution="HHS National Provider Identifier (2023)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
<osl-map-layer
source="65303b14fc2a290008152629"
legendtitle="Total Providers"
visible="false"
geotype="WKB"
geocolumn="geometry"
datacolumn="providers_count"
type="continuous"
bins="5"
colorscheme="YlGnBu"
filled="true"
attribution="HHS National Provider Identifier (2023)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
<osl-map-layer
source="65303b14fc2a290008152629"
legendtitle="Vision Difficulty Rate"
visible="false"
geotype="WKB"
geocolumn="geometry"
datacolumn="Vision Difficulty Rate"
type="continuous"
bins="5"
colorscheme="d3-cividis"
filled="true"
attribution="American Community Survey 2021 (5 Year Estimates)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
<osl-map-layer
source="65303b14fc2a290008152629"
legendtitle="Percent Without Health Insurance"
visible="false"
geotype="WKB"
geocolumn="geometry"
datacolumn="Percent Without Health Insurance"
type="continuous"
bins="5"
colorscheme="PuRd"
filled="true"
attribution="American Community Survey 2021 (5 Year Estimates)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
<osl-map-layer
legendtitle="Percent Less than High School"
visible="false"
geotype="WKB"
geocolumn="geometry"
datacolumn="Percent Less than High School"
type="continuous"
bins="5"
colorscheme="BuPu"
filled="true"
attribution="American Community Survey 2021 (5 Year Estimates)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
<osl-map-layer
source="65303b14fc2a290008152629"
legendtitle="Total Population"
visible="false"
geotype="WKB"
geocolumn="geometry"
datacolumn="Total Population"
type="continuous"
bins="5"
colorscheme="PuBuGn"
filled="true"
attribution="American Community Survey 2021 (5 Year Estimates)"
layer="polygon"
beforeid="water"
method="QNT"
geoid="County GEOID"
stroked="true"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
tooltips='[{"column":"NAME","label":"County"},{"column":"providers_per_100k","label":"Providers / 100k Pop"},{"column":"providers_count","label":"Total Providers"},{"column":"Total Population"},{"column":"Vision Difficulty Rate","format":"percent"},{"column":"Percent Less than High School","format":"percent"},{"column":"Percent Without Health Insurance","format":"percent"}]'
>
</osl-map-layer>
</osl-glmap>
</div>
<osl-flex-box breakpoint="lg">
<osl-download
title="Download County Summary Data"
filename="counties-summary"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303b14fc2a290008152629"
parametersuffixes='["state","taxonomy"]'
></osl-download>
<osl-download
title="Download All Providers"
filename="vision-providers"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303831181b4500089e4fe6"
parametersuffixes='["state","taxonomy"]'
></osl-download
></osl-flex-box>
</div>
</div>
<br /><br />
<hr />
<br /><br />

<osl-data-table
title="Providers"
maxw="200vw"
data="https://d36q6zt0rhsb35.cloudfront.net/data-query/65303831181b4500089e4fe6"
pagination="true"
columns='["NPI","Provider First Name","Provider Last Name (Legal Name)","Provider Credential Text","Full Address","County Name","Congressional District GEOID","Zip Code (ZCTA)","County GEOID"]'
></osl-data-table>
</div>
</main>
</body>
</html>

0 comments on commit c83604a

Please sign in to comment.