yolo

app/app.py

@@ -22,6 +22,7 @@ app.layout = html.Div([
 
 server = app.server
 
+raw_wine_similarity_df = pd.read_csv('data/sogrape_wine.csv')
 
 wine_similarity_df = pd.read_csv('data/wine_similarity.csv')
 wine_list = wine_similarity_df['NAME'].unique()
@@ -80,7 +81,11 @@ dashboard_layout =  html.Div([
             ),
             html.Div(
                 [
-                    html.H1(children='something here', style={'textAlign':'center'}),
+                    html.P(children='Data Example', style={'textAlign':'left'}),
+                    dash_table.DataTable(
+                        data=raw_wine_similarity_df.to_dict('records'),
+                        columns=[{'id': c, 'name': c} for c in raw_wine_similarity_df.columns]
+                    )
                 ], className='six columns',
             )
     ], className='row'),

app/dashboard.ipynb

@@ -2,14 +2,14 @@
  "cells": [
   {
    "cell_type": "code",
-   "execution_count": 12,
+   "execution_count": 14,
    "metadata": {},
    "outputs": [
     {
      "name": "stderr",
      "output_type": "stream",
      "text": [
-      "/var/folders/b4/lwfgccm95kqd2skcwvrt2fr00000gn/T/ipykernel_36332/1794122908.py:94: FutureWarning:\n",
+      "/var/folders/b4/lwfgccm95kqd2skcwvrt2fr00000gn/T/ipykernel_36332/393461119.py:98: FutureWarning:\n",
       "\n",
       "Series.__getitem__ treating keys as positions is deprecated. In a future version, integer keys will always be treated as labels (consistent with DataFrame behavior). To access a value by position, use `ser.iloc[pos]`\n",
       "\n"
@@ -30,7 +30,7 @@
        "        "
       ],
       "text/plain": [
-       "<IPython.lib.display.IFrame at 0x2ae513e50>"
+       "<IPython.lib.display.IFrame at 0x2ad7f45b0>"
       ]
      },
      "metadata": {},
@@ -75,6 +75,7 @@
     "\n",
     "server = app.server\n",
     "\n",
+    "raw_wine_similarity_df = pd.read_csv('data/sogrape_wine.csv')\n",
     "\n",
     "wine_similarity_df = pd.read_csv('data/wine_similarity.csv')\n",
     "wine_list = wine_similarity_df['NAME'].unique()\n",
@@ -133,7 +134,11 @@
     "            ),\n",
     "            html.Div(\n",
     "                [\n",
-    "                    html.H1(children='something here', style={'textAlign':'center'}),\n",
+    "                    html.P(children='Data Example', style={'textAlign':'left'}),\n",
+    "                    dash_table.DataTable(\n",
+    "                        data=raw_wine_similarity_df.to_dict('records'),\n",
+    "                        columns=[{'id': c, 'name': c} for c in raw_wine_similarity_df.columns]\n",
+    "                    )\n",
     "                ], className='six columns',\n",
     "            )\n",
     "    ], className='row'),\n",

app/data/sogrape_wine.csv

@@ -0,0 +1,23 @@
+NAME,PROD,MAKER,TYPE,CASTA,Food Paring
+Azevedo,Quinta de Azevedo,Diogo Sepúlveda,Verde,Loureiro;Alvarinho,Sea Food; Vegetarian; Snacks;
+Gazela,Quinta de Azevedo,Diogo Sepúlveda,Verde,Loureiro;Pedernã;Trajadura,Sea Food; Vegetarian; Snacks;
+Aura,Rueda,Olga Torno,Branco,Verdejo,Sea food; Fish;
+Dedicado,Vinhas de Mendoza,Rogelio Rabino,Tinto,Merlot; Cabernet Sauvignon; Malbec,Beef; Lamb; Pork; Birds; Mushrooms; Blue Cheese;
+Legado,Douro,Luís Sottomayor,Tinto,Grenache,Beef; Lamb; Birds; Pasta; Game Meat;
+Offley,Douro,Luís Sottomayor,Porto Wine,,Desserts; Maturated Cheese; Blue cheese;
+Quinta dos Carvalhais,Dão,Beatriz Cabral Almeida,Tinto,Touriga Nacional,Beef; Lamb; Pasta; Game Meat;
+Série Ímpar,Alentejo,António Braga; Diogo Sepúlveda; Luís Cabral Almeida; Luís Sottomayor,Branco,Sercialinho,Sea Food; Fish; Snacks; Peixes Magros;
+Antónia Adelaide Ferreira,Douro,Luís Sottomayor,Tinto,"Touriga Nacional, Touriga Franca, Tinta Roriz",Beef; Lamb; Pasta; Game Meat;
+Casa Ferreirinha,Douro,Luís Sottomayor,Tinto,"Tempranillo, Touriga Nacional",Beef; Lamb; Pasta; Game Meat;
+Finca Flichman,Barrancas; Tupungato;,Rogelio Rabino,Tinto,Malbec,Beef; Lamb; Pork;
+Herdade do peso,Alentejo,Luís Cabral Almeida,Tinto,Alicante Bouschet,Beef; Lamb; Calf; Birds;
+Marqués de Burgos,Douro,María Barúa,Tinto,Tempranillo,Beef; Lamb; Game Meat;
+Porto Ferreira,Douro,Luís Sottomayor,Porto Wine,,Desserts; Maturated Cheese; Blue cheese;
+Sandeman,Douro,Luís Sottomayor,Porto Wine,,Desserts; Maturated Cheese; Blue cheese;
+Silk & Spice,Douro,Diogo Sepúlveda,Tinto,Touriga Nacional; Baga; Alicante Bouschet,Beef; Lamb; Pasta; Game Meat;
+Chateau Los Boldos,Cachapoal Andes,Diego Vergara,Tinto,Cabernet Sauvignon,Beef; Lamb; Calf; Birds; Game Meat;
+Framingham,Marlborough,Andrew Brown,Branco,Sauvignon Blanc,Sea Food; Vegetarian; Goat Cheese;
+LAN,La Rioja,María Barúa,Tinto,Tempranillo,Beef; Lamb; Calf; Birds;
+Mateus,Douro,Diogo Sepúlveda,Rosé,Baga; Rufete; Touriga Franca; Tinta Barroca,Marisco; Snacks; Carne Curada
+Quinta da Romeira,Bucelas,Luís Cabral Almeida,Branco,	Arinto de Bucelas,Pork; Sea Food; Pasta; Peixes Magros;
+Santiago Ruiz,Rías Baixas,Luisa Freire,Branco,Albariño,Sea Food; Vegetarian; Pasta; Snacks; Peixes Magros;