1<!doctype html> 2<html 3 lang="en" 4 style=" 5 margin: 0; 6 padding: 0; 7 min-height: 100%; 8 display: flex; 9 flex-direction: column; 10 " 11> 12 <head> 13 <meta charset="utf-8" /> 14 <meta 15 name="viewport" 16 content="width=device-width, initial-scale=1, shrink-to-fit=no" 17 /> 18 <meta property="og:title" content="Gradio" /> 19 <meta property="og:type" content="website" /> 20 <meta property="og:url" content="{url}" /> 21 <meta property="og:description" content="Click to try out the app!" /> 22 <meta 23 property="og:image" 24 content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg" 25 /> 26 <meta name="twitter:card" content="summary_large_image" /> 27 <meta name="twitter:creator" content="@Gradio" /> 28 <meta name="twitter:title" content="Gradio" /> 29 <meta name="twitter:description" content="Click to try out the app!" /> 30 <meta 31 name="twitter:image" 32 content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg" 33 /> 34 35 <style> 36 :root { 37 --bg: white; 38 --col: #27272a; 39 --bg-dark: #0f0f11; 40 --col-dark: #f4f4f5; 41 } 42 43 44 body { 45 background: var(--bg); 46 color: var(--col); 47 font-family: Arial, Helvetica, sans-serif; 48 } 49 50 @media (prefers-color-scheme: dark) { 51 body { 52 background: var(--bg-dark); 53 color: var(--col-dark); 54 } 55 } 56 </style> 57 58 <meta property="og:url" content="https://gradio.app/" /> 59 <meta property="og:type" content="website" /> 60 <meta property="og:image" content="" /> 61 <meta property="og:title" content="Fruits USL XAI" /> 62 <meta 63 property="og:description" 64 content="" 65 /> 66 <meta name="twitter:card" content="summary_large_image" /> 67 <meta name="twitter:creator" content="@teamGradio" /> 68 <meta name="twitter:title" content="Fruits USL XAI" /> 69 <meta 70 name="twitter:description" 71 content="" 72 /> 73 <meta name="twitter:image" content="" /> 74 75
75<script>window.gradio_config = {"version":"6.14.0","api_prefix":"/gradio_api","mode":"blocks","app_id":5887834931216855879,"dev_mode":false,"vibe_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"markdown","props":{"value":"# Fruits Unsupervised Learning \u0026 XAI","show_label":false,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"preserved_by_key":["value"],"sanitize_html":true,"line_breaks":false,"header_links":false,"container":false,"padding":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"c2f35e73b9c0ffb3ea6b3682c71039be03350e8cd5cf185fdbbc33d52e7a2945","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"# Hello!"},{"id":2,"type":"markdown","props":{"value":"Prediction de cluster KMeans + explication (proxy model).","show_label":false,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"preserved_by_key":["value"],"sanitize_html":true,"line_breaks":false,"header_links":false,"container":false,"padding":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"c2f35e73b9c0ffb3ea6b3682c71039be03350e8cd5cf185fdbbc33d52e7a2945","key":null,"api_info":{"type":"string"},"api_info_as_input":{"type":"string"},"api_info_as_output":{"type":"string"},"example_inputs":"# Hello!"},{"id":3,"type":"row","props":{"variant":"default","visible":true,"elem_classes":[],"equal_height":false,"show_progress":false,"preserved_by_key":[],"name":"row"},"skip_api":true,"component_class_id":"bc47bf2e53002b34f9ec79dc4a3052e03866c51adfd499cc985f9fa94a4de216","key":null},{"id":4,"type":"number","props":{"value":25.0,"label":"feature_1","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"preserved_by_key":["value"],"buttons":[],"step":1,"name":"number","_selectable":false},"skip_api":false,"component_class_id":"db5fca4c48d0be88aa4775c0eede023186203f4b5d89bddbf4f49edc3a24398d","key":null,"api_info":{"type":"number"},"api_info_as_input":{"type":"number"},"api_info_as_output":{"type":"number"},"example_inputs":3},{"id":5,"type":"number","props":{"value":8.5,"label":"feature_2","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"preserved_by_key":["value"],"buttons":[],"step":1,"name":"number","_selectable":false},"skip_api":false,"component_class_id":"db5fca4c48d0be88aa4775c0eede023186203f4b5d89bddbf4f49edc3a24398d","key":null,"api_info":{"type":"number"},"api_info_as_input":{"type":"number"},"api_info_as_output":{"type":"number"},"example_inputs":3},{"id":6,"type":"form","props":{"scale":2,"min_width":320,"preserved_by_key":[],"name":"form"},"skip_api":true,"component_class_id":"7c96e70477dd55732fb1a4bc6696ddcc8ff96faeabe823f8c3311f0d1f92d0eb","key":null},{"id":7,"type":"json","props":{"label":"Resultat","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"preserved_by_key":["value"],"open":false,"show_indices":false,"max_height":500,"buttons":["copy"],"name":"json","_selectable":false},"skip_api":false,"component_class_id":"e1a9f443ce0ef71d0e9b98079dcc2c17a0210527d4d521f610c38c81b4fd123b","key":null,"api_info":{"type":{},"description":"any valid json"},"api_info_as_input":{"type":{},"description":"any valid json"},"api_info_as_output":{"type":{},"description":"any valid json"},"example_inputs":{"foo":"bar"}},{"id":8,"type":"button","props":{"value":"Predict and Explain","variant":"secondary","size":"lg","link_target":"_self","visible":true,"interactive":true,"elem_classes":[],"preserved_by_key":["value"],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"916a16f6d311892cf2877c21810a29477cc4b9945cabc855695ae0cd0c850c4c","key":null},{"id":9,"type":"dataset","props":{"show_label":true,"component_props":[{"label":"feature_1","placeholder":null,"info":null,"show_label":true,"container":true,"scale":null,"min_width":160,"interactive":null,"visible":true,"elem_id":null,"elem_classes":[],"key":null,"preserved_by_key":["value"],"buttons":[],"precision":null,"minimum":null,"maximum":null,"step":1},{"label":"feature_2","placeholder":null,"info":null,"show_label":true,"container":true,"scale":null,"min_width":160,"interactive":null,"visible":true,"elem_id":null,"elem_classes":[],"key":null,"preserved_by_key":["value"],"buttons":[],"precision":null,"minimum":null,"maximum":null,"step":1}],"samples":[[25.0,8.5],[45.0,50.0],[55.0,95.0]],"headers":["feature_1","feature_2"],"type":"tuple","samples_per_page":10,"visible":true,"elem_classes":[],"preserved_by_key":["value"],"container":true,"min_width":160,"name":"dataset","_selectable":false,"components":[{"name":"number","class_id":"db5fca4c48d0be88aa4775c0eede023186203f4b5d89bddbf4f49edc3a24398d"},{"name":"number","class_id":"db5fca4c48d0be88aa4775c0eede023186203f4b5d89bddbf4f49edc3a24398d"}],"component_ids":[4,5]},"skip_api":false,"component_class_id":"f5ff9d9e1e06b75d80e078609de1bae4de82d768098014757d08b08e5b302c14","key":null,"api_info":{"type":"integer","description":"index of selected example"},"api_info_as_input":{"type":"integer","description":"index of selected example"},"api_info_as_output":{"type":"integer","description":"index of selected example"},"example_inputs":0}],"css":null,"connect_heartbeat":false,"js":null,"head":null,"title":"Fruits USL XAI","space_id":"Franck504/fruits_usl_xai","enable_queue":true,"show_error":false,"footer_links":["api","gradio","settings"],"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600\u0026display=swap"],"theme":"default","protocol":"sse_v3","body_css":{"body_background_fill":"white","body_text_color":"#27272a","body_background_fill_dark":"#0f0f11","body_text_color_dark":"#f4f4f5"},"fill_height":false,"fill_width":false,"theme_hash":"078b53afbcde6e67684be7a1e3236158d24ca87d4009f3a800e3e7b202955106","pwa":true,"pages":[["","Home",true]],"page":{""
75:{"layout":{"id":0,"children":[{"id":1},{"id":2},{"id":3,"children":[{"id":6,"children":[{"id":4},{"id":5}]}]},{"id":7},{"id":8},{"id":9}]},"components":[1,2,3,4,5,6,7,8,9],"dependencies":[0,1]}},"mcp_server":false,"i18n_translations":null,"dependencies":[{"id":0,"targets":[[8,"click"]],"inputs":[4,5],"outputs":[7],"backend_fn":true,"js":null,"queue":true,"api_name":"predict_and_explain","api_description":null,"scroll_to_output":false,"show_progress":"full","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_only_on_failure":false,"trigger_mode":"once","api_visibility":"public","rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"event_specific_args":null,"component_prop_inputs":[],"js_implementation":null},{"id":1,"targets":[[9,"click"]],"inputs":[9],"outputs":[4,5],"backend_fn":true,"js":null,"queue":false,"api_name":"load_example","api_description":null,"scroll_to_output":false,"show_progress":"hidden","show_progress_on":null,"batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_only_on_failure":false,"trigger_mode":"once","api_visibility":"undocumented","rendered_in":null,"render_id":null,"connection":"sse","time_limit":null,"stream_every":0.5,"event_specific_args":null,"component_prop_inputs":[],"js_implementation":null}],"layout":{"id":0,"children":[{"id":1},{"id":2},{"id":3,"children":[{"id":6,"children":[{"id":4},{"id":5}]}]},{"id":7},{"id":8},{"id":9}]},"username":null,"deep_link_state":"none","current_page":"","root":"https://franck504-fruits-usl-xai.hf.space"};</script>
75<script>window.gradio_api_info = {"named_endpoints":{"/predict_and_explain":{"parameters":[{"label":"feature_1","parameter_name":"feature_1","parameter_has_default":true,"parameter_default":25.0,"type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number","example_input":3},{"label":"feature_2","parameter_name":"feature_2","parameter_has_default":true,"parameter_default":8.5,"type":{"type":"number"},"python_type":{"type":"float","description":""},"component":"Number","example_input":3}],"returns":[{"label":"Resultat","type":{"type":{},"description":"any valid json"},"python_type":{"type":"str | float | bool | list | dict","description":"any valid json"},"component":"Json"}],"api_visibility":"public","description":"","code_snippets":{"python":"from gradio_client import Client\n\nclient = Client(\"Franck504/fruits_usl_xai\")\nresult = client.predict(\n\tfeature_1=25.0,\n\tfeature_2=8.5,\n\tapi_name=\"/predict_and_explain\",\n)\nprint(result)","javascript":"import { Client } from \"@gradio/client\";\n\nconst client = await Client.connect(\"Franck504/fruits_usl_xai\");\nconst result = await client.predict(\"/predict_and_explain\", {\n\t\tfeature_1: 25.0,\n\t\tfeature_2: 8.5,\n});\n\nconsole.log(result.data);","bash":"curl -X POST http://localhost:7860/gradio_api/call/v2/predict_and_explain -s -H \"Content-Type: application/json\" \\\n -d \u0027{\"feature_1\": 25.0, \"feature_2\": 8.5}\u0027 \\\n | awk -F\u0027\"\u0027 \u0027{ print $4}\u0027 \\\n | read EVENT_ID; curl -N http://localhost:7860/gradio_api/call/predict_and_explain/$EVENT_ID","cli":"{command} predict Franck504/fruits_usl_xai /predict_and_explain \u0027{\n \"feature_1\": 25.0,\n \"feature_2\": 8.5\n}\u0027\n"}}},"unnamed_endpoints":{}};</script>
75 76 77 <link rel="preconnect" href="https://fonts.googleapis.com" /> 78 <link 79 rel="preconnect" 80 href="https://fonts.gstatic.com" 81 crossorigin="anonymous" 82 /> 83
83<script 84 src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" 85 async 86 ></script>
86 87
87<script data-gradio-mode> 88 window.__gradio_mode__ = "app"; 89 window.iFrameResizer = { 90 autoResize: false, 91 sizeWidth: false 92 }; 93 window.parent?.postMessage( 94 { type: "SET_SCROLLING", enabled: false }, 95 "*" 96 ); 97 </script>
97 98 <link rel="manifest" href="/manifest.json" /> 99
99<script type="module" crossorigin src="./assets/index-B5CnGmTK.js"></script>
99 100 <link rel="stylesheet" crossorigin href="./assets/index-bt_TDFDJ.css"> 101 </head> 102 103 <body 104 style=" 105 width: 100%; 106 margin: 0; 107 padding: 0; 108 display: flex; 109 flex-direction: column; 110 flex-grow: 1; 111 " 112 > 113 <gradio-app 114 control_page_title="true" 115 embed="false" 116 eager="true" 117 style="display: flex; flex-direction: column; flex-grow: 1" 118 > 119 </gradio-app> 120
120<script> 121 const ce = document.getElementsByTagName("gradio-app"); 122 123 if (ce[0]) { 124 ce[0].addEventListener("domchange", () => { 125 document.body.style.padding = "0"; 126 }); 127 document.body.style.padding = "0"; 128 } 129 </script>
129 130 </body> 131</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.