vectordb-bench 0.0.30__py3-none-any.whl → 1.0.0__py3-none-any.whl

vectordb_bench/frontend/components/welcome/pagestyle.py

@@ -0,0 +1,106 @@
+def pagestyle():
+    html_content = """
+    <style>
+    .grid-container {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);  
+        grid-template-rows: repeat(3, auto);   
+        gap: 20px;
+        padding: 20px 0;
+    }
+
+    .title-row {
+    grid-column: 1 / 4;  
+    text-align: left;  
+    margin: 20px 0;    
+    }
+
+    .title-row h2 {
+        font-size: 35px;     
+        color: #333;       
+        font-weight: 600;   
+    }
+
+    .last-row {
+    grid-column: 1 / 7;  
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);  
+    gap: 40px;
+    }
+
+    .last-row > :nth-child(1) {
+        grid-column: 2 / 4;
+    }
+
+    .last-row > :nth-child(2) {
+        grid-column: 4 / 6;
+            gap: 40px;
+        }
+    .section-card {
+        width: 100%;
+        height: 350px;
+        padding: 15px;
+        border-radius: 10px;
+        background-color: #f0f2f6;
+        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+        text-align: center;
+        overflow: hidden;
+        cursor: pointer;
+        display: flex;
+        flex-direction: column;
+    }
+    .section-card:hover {
+        transform: scale(1.05);
+        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+        z-index: 100;
+    }
+    .section-image {
+        width: 100%;
+        height: 185px;
+        object-fit: cover;
+        object-position: 0 0;
+        border-radius: 5px;
+        margin-bottom: 10px;
+    }
+    .section-title {
+        font-size: 18px;
+        font-weight: bold;
+        margin-bottom: 10px;
+        color: #262730;
+    }
+    .section-description {
+        font-size: 14px;
+        color: #555;
+        height: 80px;
+        overflow-y: auto;
+        margin-bottom: 10px;
+    }
+    .scroll-container {
+        width: 100%;
+        overflow-x: auto;
+        white-space: nowrap;
+        margin-top: auto;
+        padding: 10px 0;
+        border-top: 1px solid #eee;
+    }
+    .scroll-content {
+        display: inline-block;
+        white-space: nowrap;
+        padding: 0 10px;
+    }
+    .scroll-item {
+        display: inline-block;
+        width: 50px;
+        height: 30px;
+        margin-right: 10px;
+        background-color: #ddd;
+        border-radius: 5px;
+        text-align: center;
+        line-height: 30px;
+    }
+    </style>
+
+    <div class="grid-container">
+    """
+    return html_content

vectordb_bench/frontend/components/welcome/welcomePrams.py

@@ -0,0 +1,147 @@
+import base64
+from PIL import Image
+from io import BytesIO
+import os
+
+from vectordb_bench.frontend.components.welcome.pagestyle import pagestyle
+
+
+def get_image_as_base64(image_path):
+    try:
+        if image_path.startswith("http"):
+            return image_path
+
+        path = os.path.expanduser(image_path)
+        img = Image.open(path)
+        buffered = BytesIO()
+        img.save(buffered, format="PNG")
+        return f"data:image/png;base64,{base64.b64encode(buffered.getvalue()).decode()}"
+    except Exception as e:
+        return None
+
+
+def welcomePrams(st):
+    st.title("Welcome to VectorDB Benchmark!")
+    options = [
+        {
+            "title": "Standard Test Results",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "Select a specific run or compare all results side by side to view the results of previous tests."
+                "</span>"
+            ),
+            "image": "fig/homepage/bar-chart.png",
+            "link": "results",
+        },
+        {
+            "title": "Quries Per Dollar",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "To view the results of quries per dollar.<br> "
+                "(similar to qps in Results) "
+                "</span>"
+            ),
+            "image": "fig/homepage/qp$.png",
+            "link": "quries_per_dollar",
+        },
+        {
+            "title": "Tables",
+            "description": (
+                "<span style='font-size: 17px;'>" "To view the results of differnt datasets in tables." "</span>"
+            ),
+            "image": "fig/homepage/table.png",
+            "link": "tables",
+        },
+        {
+            "title": "Concurrent Performance",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "To view the variation of qps with latency under different concurrent."
+                "</span>"
+            ),
+            "image": "fig/homepage/concurrent.png",
+            "link": "concurrent",
+        },
+        {
+            "title": "Label Filter Performance",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "To view the perfomance of datasets under different filter ratios "
+                "</span>"
+            ),
+            "image": "fig/homepage/label_filter.png",
+            "link": "label_filter",
+        },
+        {
+            "title": "Streaming Performance",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "To view the perfomance of datasets under different search stages and insertion rates. "
+                "</span>"
+            ),
+            "image": "fig/homepage/streaming.png",
+            "link": "streaming",
+        },
+        {
+            "title": "Run Test",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "Select the databases and cases to test.<br>"
+                "The test results will be displayed in Results."
+                "</span>"
+            ),
+            "image": "fig/homepage/run_test.png",
+            "link": "run_test",
+        },
+        {
+            "title": "Custom Dataset",
+            "description": (
+                "<span style='font-size: 17px;'>"
+                "Define users' own datasets with detailed descriptions of setting each parameter."
+                "</span>"
+            ),
+            "image": "fig/homepage/custom.png",
+            "link": "custom",
+        },
+    ]
+
+    html_content = pagestyle()
+
+    for option in options:
+        option["image"] = get_image_as_base64(option["image"])
+
+    for i, option in enumerate(options[:6]):
+        html_content += f"""
+        <a href="/{option['link']}" target="_self" style="text-decoration: none;">
+            <div class="section-card">
+                <img src="{option['image']}" class="section-image" alt="{option['title']}">
+                <div class="section-title">{option['title']}</div>
+                <div class="section-description">{option['description']}</div>
+            </div>
+        </a>
+        """
+
+    html_content += """
+    </div>
+    <div class="title-row">
+        <h2>Run Your Own Test</h2>
+    </div>
+    <div class="last-row">
+    """
+
+    for option in options[6:8]:
+        html_content += f"""
+        <a href="/{option['link']}" target="_self" style="text-decoration: none;">
+            <div class="section-card">
+                <img src="{option['image']}" class="section-image" alt="{option['title']}">
+                <div class="section-title">{option['title']}</div>
+                <div class="section-description">{option['description']}</div>
+            </div>
+        </a>
+        """
+
+    html_content += """
+    </div>
+    """
+
+    st.html(html_content)