Update app.py

app.py

@@ -1,91 +1,220 @@
-import streamlit as st
+import pandas as pd
 import pydeck as pdk
-import numpy as np
 
-# Define a data set
-data = np.random.randn(1000, 2) * 0.1
-layer = pdk.Layer(
-    "ScatterplotLayer",
-    data=data,
-    get_position="[0, 1]",
-    get_color="[200, 30, 0, 160]",
-    get_radius=50,
-)
-
-# Define a Pydeck view state
-view_state = pdk.ViewState(latitude=37.7749, longitude=-122.4194, zoom=11)
-
-# Define Pydeck initial rendering options
-initial_options = pdk.Deck(
-    map_style="mapbox://styles/mapbox/dark-v9",
-    layers=[layer],
-    initial_view_state=view_state,
-)
-
-# Define the HTML template for the Three.js canvas
-html_template = """
-<div id="three-canvas-container"></div>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
-<script>
-var canvasContainer = document.getElementById("three-canvas-container");
-
-var camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.1, 1000);
-camera.position.z = 5;
-
-var renderer = new THREE.WebGLRenderer({antialias: true});
-renderer.setSize(window.innerWidth, window.innerHeight);
-canvasContainer.appendChild(renderer.domElement);
-
-var geometry = new THREE.BoxGeometry(1, 1, 1);
-var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
-var cube = new THREE.Mesh(geometry, material);
-scene.add(cube);
-
-function animate() {
-    requestAnimationFrame(animate);
-    cube.rotation.x += 0.01;
-    cube.rotation.y += 0.01;
-    renderer.render(scene, camera);
+# Define the list of dictionaries with hospital information
+hospital_list = [
+    {
+        'bed_count': 2766,
+        'name': 'New York-Presbyterian Hospital',
+        'city': 'New York',
+        'state': 'NY',
+        'latitude': 40.8404,
+        'longitude': -73.9508,
+        'zip': '10032'
+    },
+    {
+        'bed_count': 2145,
+        'name': 'Florida Hospital Orlando',
+        'city': 'Orlando',
+        'state': 'FL',
+        'latitude': 28.5536,
+        'longitude': -81.3568,
+        'zip': '32803'
+    },
+    {
+        'bed_count': 2020,
+        'name': 'Jackson Memorial Hospital',
+        'city': 'Miami',
+        'state': 'FL',
+        'latitude': 25.7893,
+        'longitude': -80.2124,
+        'zip': '33136'
+    },
+    {
+        'bed_count': 1997,
+        'name': 'Keck Medical Center of USC',
+        'city': 'Los Angeles',
+        'state': 'CA',
+        'latitude': 34.0522,
+        'longitude': -118.2437,
+        'zip': '90033'
+    },
+    {
+        'bed_count': 1956,
+        'name': 'Montefiore Medical Center',
+        'city': 'Bronx',
+        'state': 'NY',
+        'latitude': 40.8471,
+        'longitude': -73.8816,
+        'zip': '10467'
+    },
+    {
+        'bed_count': 1926,
+        'name': 'Rush University Medical Center',
+        'city': 'Chicago',
+        'state': 'IL',
+        'latitude': 41.8745,
+        'longitude': -87.6676,
+        'zip': '60612'
+    },
+    {
+        'bed_count': 1918,
+        'name': 'University of Michigan Hospitals-Michigan Medicine',
+        'city': 'Ann Arbor',
+        'state': 'MI',
+        'latitude': 42.2814,
+        'longitude': -83.7483,
+        'zip': '48109'
+    },
+    {
+        'bed_count': 1863,
+        'name': 'Parkland Health and Hospital System',
+        'city': 'Dallas',
+        'state': 'TX',
+        'latitude': 32.7767,
+        'longitude': -96.7970,
+        'zip': '75235'
+    },
+    {
+        'bed_count': 1858,
+        'name': 'Houston Methodist Hospital',
+        'city': 'Houston',
+        'state': 'TX',
+        'latitude': 29.7181,
+        'longitude': -95.4044,
+        'zip': '77030'
+    },
+    {
+        'bed_count': 1800,
+        'name': 'Brigham and Women\'s Hospital',
+        'city': 'Boston',
+        'state': 'MA',
+        'latitude': 42.3367,
+        'longitude': -71.1075,
+        'zip': '02115'
+    },
+    {
+        'bed_count': 1771,
+        'name': 'Cleveland Clinic',
+        'city': 'Cleveland',
+        'state': 'OH',
+        'latitude': 41.5047,    'longitude': -81.6218,
+    'zip': '44195'
+},
+{
+    'bed_count': 1730,
+    'name': 'The Mount Sinai Hospital',
+    'city': 'New York',
+    'state': 'NY',
+    'latitude': 40.7909,
+    'longitude': -73.9524,
+    'zip': '10029'
+},
+{
+    'bed_count': 1729,
+    'name': 'Northwestern Memorial Hospital',
+    'city': 'Chicago',
+    'state': 'IL',
+    'latitude': 41.8953,
+    'longitude': -87.6251,
+    'zip': '60611'
+},
+{
+    'bed_count': 1660,
+    'name': 'Hospitals of the University of Pennsylvania-Penn Presbyterian',
+    'city': 'Philadelphia',
+    'state': 'PA',
+    'latitude': 39.9526,
+    'longitude': -75.1652,
+    'zip': '19104'
+},
+{
+    'bed_count': 1642,
+    'name': 'Johns Hopkins Hospital',
+    'city': 'Baltimore',
+    'state': 'MD',
+    'latitude': 39.2967,
+    'longitude': -76.5913,
+    'zip': '21287'
+},
+{
+    'bed_count': 1614,
+    'name': 'Cedars-Sinai Medical Center',
+    'city': 'Los Angeles',
+    'state': 'CA',
+    'latitude': 34.0762,
+    'longitude': -118.3882,
+    'zip': '90048'
+},
+{
+    'bed_count': 1577,
+    'name': 'Massachusetts General Hospital',
+    'city': 'Boston',
+    'state': 'MA',
+    'latitude': 42.3639,
+    'longitude': -71.0711,
+    'zip': '02114'
+},
+{
+    'bed_count': 1566,
+    'name': 'NYU Langone Hospitals',
+    'city': 'New York',
+    'state': 'NY',
+    'latitude': 40.7429,
+    'longitude': -73.9750,
+    'zip': '10016'
+},
+{
+    'bed_count': 1547,
+    'name': 'Mayo Clinic Hospital-Rochester',
+    'city': 'Rochester',
+    'state': 'MN',
+    'latitude': 44.0121,
+    'longitude': -92.4802,
+    'zip': '55902'
+},
+{
+    'bed_count': 1537,
+    'name': 'Stanford Health Care-Stanford Hospital',
+    'city': 'Stanford',
+    'state': 'CA',
+    'latitude': 37.4354,
+    'longitude': -122.1777,
+    'zip': '94305'
 }
+]
+       
+df = pd.DataFrame(hospital_list)
 
-animate();
-</script>
-"""
-
-# Define the Streamlit app
-def app():
-    # Define a Pydeck map using a ScatterplotLayer
-    st.pydeck_chart(initial_options)
-
-    # Add a dropdown menu to select Pydeck layer types
-    layer_type = st.selectbox("Layer type", ["HexagonLayer", "HeatmapLayer", "ScatterplotLayer"])
-
-    # Add sliders to adjust the Pydeck layer properties
-    if layer_type == "HexagonLayer":
-        layer.radius = st.slider("Radius", 10, 100, 50)
-        layer.elevation_scale = st.slider("Elevation scale", 0, 10, 1)
-        layer.elevation_range = st.slider("Elevation range", 0, 1000, 100)
-        layer.pickable = st.checkbox("Pickable", True)
-        layer.auto_highlight = st.checkbox("Auto highlight", True)
-    elif layer_type == "HeatmapLayer":
-        layer.intensity = st.slider("Intensity", 0, 10, 1)
-        layer.radius = st.slider("Radius", 10, 100, 50)
-        layer.color_range = st.color_picker("Color range", ["#008000", "#FFFF00", "#FF0000"])
-        layer.opacity = st.slider("Opacity", 0, 1, 0.8)
-        layer.blend_mode = st.selectbox("Blend mode", ["additive", "multiply"])
-    elif layer_type == "ScatterplotLayer":
-        layer.get_position = "[0, 1, 2]"
-    layer.get_color = "[200, 30, 0, 160]"
-    layer.get_radius = st.slider("Radius", 10, 100, 50)
-
-# Add the updated Pydeck layer to the map
-#st.pydeck_chart(pdk.Deck(layers=[layer], initial_view_state=view_state))
-st.pydeck_chart(pdk.Deck(layers=[layer]))
+layer = pdk.Layer(
+        'ScatterplotLayer',
+        data=df,
+        get_position='[longitude, latitude]',
+        get_radius='bed_count/10',
+        get_fill_color='[bed_count, 0, 255-bed_count]',
+        get_line_color=[255, 255, 255],
+        pickable=True
+    )
+
+tooltip = {
+    'html': '<b>{name}</b><br/>{bed_count} beds<br/>{city}, {state} {zip}',
+    'style': {
+    'backgroundColor': 'white',
+    'color': 'black'
+    }
+}
 
-# Add the Three.js canvas to the Streamlit app
-st.components.v1.html(html_template, height=500)
+map = pdk.Deck(
+        map_style='mapbox://styles/mapbox/light-v9',
+        initial_view_state=pdk.ViewState(
+            latitude=37.0902,
+            longitude=-95.7129,
+            zoom=3,
+            pitch=0
+        ),
+        layers=[layer],
+        tooltip=tooltip
+)
 
-if name == "main":
-    app()
 
-# This app has a Pydeck map that displays a scatterplot layer by default, and it allows the user to switch between HexagonLayer, HeatmapLayer, and ScatterplotLayer using a dropdown menu. The user can also adjust the properties of the selected layer using sliders and color pickers. Finally, the app displays a Three.js canvas that rotates a green cube.
+map.show()