Files
wehub-resource-sync f0dfbfc3d7
RequirementsTest / build (windows-latest, 3.9) (push) Has been cancelled
RequirementsTest / build (macos-latest, 3.9) (push) Has been cancelled
RequirementsTest / build (ubuntu-latest, 3.9) (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CodeQL / Analyze (python) (push) Has been cancelled
Pylint / build (3.9) (push) Has been cancelled
chore: import upstream snapshot with attribution
2026-07-13 13:18:32 +08:00

725 lines
32 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google" value="notranslate">
<title>BlocklyML</title>
<script src="{{ url_for('static', filename='js/blockly_ML.js') }}"></script>
<script src="{{ url_for('static', filename='js/blocks_ML.js') }}"></script>
<script src="{{ url_for('static', filename='js/javascript_compressed.js') }}"></script>
<script src="{{ url_for('static', filename='js/python_ML.js') }}"></script>
<script src="{{ url_for('static', filename='js/dist/msg/en.js') }}"></script>
<script src="{{ url_for('static', filename='js/screenshot.js') }}"></script>
<script src="{{ url_for('static', filename='js/blockly.js') }}"></script>
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}" />
<script src="{{ url_for('static', filename='/js/msg/js/en.js')}}"></script>
<script src="http://pypyjs.org/pypyjs-release/lib/Promise.min.js"></script>
<script src="http://pypyjs.org/pypyjs-release/lib/FunctionPromise.js"></script>
<script src="http://pypyjs.org/pypyjs-release/lib/pypyjs.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ url_for('static', filename='js/navigation.js') }}"></script>
<link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onclick="CloseAllNav()" id="body">
<nav
class="navbar navbar-expand-lg navbar-expand-sm navbar-expand-md navbar-expand-xl navbar-light bg-light nav-colors">
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<img src="{{ url_for('static', filename='images/blocklyML_logo.png') }}" height=40 width="130"> &nbsp;
&nbsp;
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" h data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" onclick="blockly.runJS();CloseAllNav();">
File
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle"
onclick="getReport()">DataFrame Visualizer(Sample) </a>
<ul class="dropdown-menu DataFrameReportViewer">
<div class="DataFrameReportViewer" id="DataFrameReportViewer">
<li><a class="dropdown-item" href="#">Report is Loading please Wait</a></li>
</div>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false" onclick="blockly.runJS();CloseAllNav();getDataDownload()">
Download
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" onclick="downloadView()">Download Code</a></li>
<li><a class="dropdown-item" onclick="blockly.DownloadCode()">Download layout</a></li>
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle">Download DataFrames</a>
<ul class="dropdown-menu DataFrameViewer">
<div class="DataFrameDownload" id="DataFrameDownload">
<li><a class="dropdown-item" href="#">DataFrame is Loading please Wait</a>
</li>
</div>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false" onclick="CloseAllNav()">
About
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item"
href="https://github.com/chekoduadarsh/BlocklyML/blob/main/README.md" target="_blank"
rel="noopener noreferrer">About BlocklyML</a></li>
<li><a class="dropdown-item" href="https://chekoduadarsh.github.io/" target="_blank"
rel="noopener noreferrer">About me</a></li>
<li><a class="dropdown-item" href="mailto:chekodu.adarsh@gmail.com" target="_blank"
rel="noopener noreferrer">Contact me</a></li>
</ul>
</li>
</ul>
<a href="https://github.com/chekoduadarsh/BlocklyML" target="_blank"><img
src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="48px"
height="48px"></a>
<select id="languageMenu"></select>
</div>
</nav>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="{{ url_for('static', filename='js/navigation.js') }}"></script>
<table width="100%" height="95%">
<tr>
<td colspan=2>
<table width="100%">
<tr id="tabRow" height="1em">
<td id="tab_blocks" class="tabon">...</td>
<td class="tabmin tab_collapse">&nbsp;</td>
<td class="tabmin tab_collapse">&nbsp;</td>
<td id="tab_python" class="taboff tab_collapse">Python</td>
<td id="tab_code" class="taboff">
<select id="code_menu"></select>
</td>
<td class="tabmax">
<button id="downlaodButton" class="notext" title="download layout">
<img src='/static/media/download.png' class="icon">
</button>
<div class="upload-btn-wrapper">
<button id="uplaodButton" onclick="blockly.UploadXml()" class="notext"
title="upload saved layout">
<img src='/static/media/upload.png' class="icon">
</button>
</div>
<div class="form-popup" id="myForm">
<form class="form-container" name="urlForm">
<h1>Upload</h1>
<div class="drop-zone" id="">
<span class="drop-zone__prompt">Drop file here or click to upload</span>
<input type="file" name="myFile" class="drop-zone__input">
</div>
</br>
<hr class="hr1">
</br>
<label for="url"><b>Enter Layout Url</b></label>
<input type="text" placeholder="Enter Url" name="url" required
value="https://raw.githubusercontent.com/chekoduadarsh/BlocklyML/main/sampleLayouts/machine%20learning/Pycaret/Pycaret_RF_IRIS.xml">
<button type="button" onclick="blockly.UploadFromUrl()" class="btn">Upload</button>
<button type="button" class="btn cancel" onclick="closeForm()">Close</button>
</form>
</div>
<div class="download-code-popup" id="download-code-popup">
<a href="#" class="download-code-close" onclick=closeDownloadCode()></a>
<h2>Download Code 💾</h2>
</br>
</br>
<div class="download-code-form" id="download-code-form">
<input type="text" id="download-code-fname" name="fname">
<select id="download-code-extention" name="extention">
<option value=".py">.py</option>
<option value=".ipynb">.ipynb</option>
</select>
</br>
</br>
<div class="download-code-button" id="download-code-button">
<button type="button" class="btn"
onclick=downloadPyIpynbCode()>Download</button>
</div>
</div>
</div>
<div class="tool-tip-popup" id="tip-popup">
<a href="#" class="tool-tip-close" onclick=closeToolTip()></a>
<h2>Tool Tip 💡</h2>
<h4>How to upload layouts? </h4>
</br>
</br>
<div class="tool-tip-github-button">
</br>
</br>
<a class="github-button" href="https://github.com/chekoduadarsh"
data-color-scheme="no-preference: dark; light: dark; dark: dark;"
data-size="large" data-show-count="true"
aria-label="Follow @chekoduadarsh on GitHub">Follow @chekoduadarsh</a>
</br>
<a class="github-button" href="https://github.com/chekoduadarsh/BlocklyML"
data-color-scheme="no-preference: dark; light: dark; dark: dark;"
data-icon="octicon-star" data-size="large" data-show-count="true"
aria-label="Star chekoduadarsh/BlocklyML on GitHub">Star</a>
</br>
<a class="github-button" href="https://github.com/chekoduadarsh/BlocklyML/fork"
data-color-scheme="no-preference: light; light: light; dark: dark;"
data-icon="octicon-repo-forked" data-show-count="true"
aria-label="Fork chekoduadarsh/BlocklyML on GitHub">Fork</a>
</br>
<a class="github-button"
href="https://github.com/chekoduadarsh/BlocklyML/archive/refs/heads/main.zip"
data-color-scheme="no-preference: dark; light: dark; dark: dark;"
data-icon="octicon-download" data-size="large"
aria-label="Download ntkme/github-buttons on GitHub">Download</a>
</div>
<p>
1. Click on <img src='/static/media/upload.png' class="icon"> upload button </br>
</br>
<img src='https://raw.githubusercontent.com/chekoduadarsh/BlocklyML/main/media/blocklyML_upload.png'
class="tool-tip-upload-page">
</br>
2. Edit the Url to downloadable xml link / Or drop you xml to drop in zone</br>
3. Click on Upload button </br>
</br>
<b>Pro Tip: </b> You can use the default url to setup Pycaret Classifier on Iris
data</br>
</p>
</div>
<button id="copyButton" class="notext" title="copy python code">
<img src='/static/media/copy.png' class="icon">
</button>
<button id="colabButton" class="notext" title="launch google colab">
<img src='/static/media/colab_favicon.ico' class="icon">
</button>
<button id="trashButton" class="notext" title="...">
<img src='/static/media/1x1.gif' class="trash icon21">
</button>
<button id="linkButton" class="notext" title="...">
<img src='/static/media/1x1.gif' class="link icon21">
</button>
<button id="runButton" class="notext primary" title="..." disabled>
<img src='/static/media/1x1.gif' class="run icon21">
</button>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="99%" colspan=2 id="content_area">
</td>
</tr>
</table>
<div id="content_blocks" class="content"></div>
<pre><code id="content_python" class="language-python content prettyprint lang-py" ></code></pre>
<xml id="toolbox">
<category name="%{BKY_CATLOGIC}" colour="%{BKY_LOGIC_HUE}">
<block type="controls_if"></block>
<block type="logic_compare"></block>
<block type="logic_operation"></block>
<block type="logic_negate"></block>
<block type="logic_boolean"></block>
<block type="logic_null"></block>
<block type="logic_ternary"></block>
</category>
<category name="%{BKY_CATLOOPS}" colour="%{BKY_LOOPS_HUE}">
<block type="controls_repeat_ext">
<value name="TIMES">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
</block>
<block type="controls_whileUntil"></block>
<block type="controls_for">
<value name="FROM">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
<value name="BY">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
</block>
<block type="controls_forEach"></block>
<block type="controls_flow_statements"></block>
</category>
<category name="%{BKY_CATMATH}" colour="%{BKY_MATH_HUE}">
<block type="math_number">
<field name="NUM">123</field>
</block>
<block type="math_arithmetic">
<value name="A">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="B">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
</block>
<block type="math_single">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">9</field>
</shadow>
</value>
</block>
<block type="math_trig">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">45</field>
</shadow>
</value>
</block>
<block type="math_constant"></block>
<block type="math_number_property">
<value name="NUMBER_TO_CHECK">
<shadow type="math_number">
<field name="NUM">0</field>
</shadow>
</value>
</block>
<block type="math_round">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">3.1</field>
</shadow>
</value>
</block>
<block type="math_on_list"></block>
<block type="math_modulo">
<value name="DIVIDEND">
<shadow type="math_number">
<field name="NUM">64</field>
</shadow>
</value>
<value name="DIVISOR">
<shadow type="math_number">
<field name="NUM">10</field>
</shadow>
</value>
</block>
<block type="math_constrain">
<value name="VALUE">
<shadow type="math_number">
<field name="NUM">50</field>
</shadow>
</value>
<value name="LOW">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="HIGH">
<shadow type="math_number">
<field name="NUM">100</field>
</shadow>
</value>
</block>
<block type="math_random_int">
<value name="FROM">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="TO">
<shadow type="math_number">
<field name="NUM">100</field>
</shadow>
</value>
</block>
<block type="math_random_float"></block>
<block type="math_atan2">
<value name="X">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
<value name="Y">
<shadow type="math_number">
<field name="NUM">1</field>
</shadow>
</value>
</block>
</category>
<category name="%{BKY_CATTEXT}" colour="%{BKY_TEXTS_HUE}">
<block type="text"></block>
<block type="text_join"></block>
<block type="text_append">
<value name="TEXT">
<shadow type="text"></shadow>
</value>
</block>
<block type="text_length">
<value name="VALUE">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_isEmpty">
<value name="VALUE">
<shadow type="text">
<field name="TEXT"></field>
</shadow>
</value>
</block>
<block type="text_indexOf">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">{textVariable}</field>
</block>
</value>
<value name="FIND">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_charAt">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">{textVariable}</field>
</block>
</value>
</block>
<block type="text_getSubstring">
<value name="STRING">
<block type="variables_get">
<field name="VAR">{textVariable}</field>
</block>
</value>
</block>
<block type="text_changeCase">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_trim">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_print">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
<block type="text_prompt_ext">
<value name="TEXT">
<shadow type="text">
<field name="TEXT">abc</field>
</shadow>
</value>
</block>
</category>
<category name="%{BKY_CATLISTS}" colour="%{BKY_LISTS_HUE}">
<block type="lists_create_with">
<mutation items="0"></mutation>
</block>
<block type="lists_create_with"></block>
<block type="lists_repeat">
<value name="NUM">
<shadow type="math_number">
<field name="NUM">5</field>
</shadow>
</value>
</block>
<block type="lists_length"></block>
<block type="lists_isEmpty"></block>
<block type="lists_indexOf">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">{listVariable}</field>
</block>
</value>
</block>
<block type="lists_getIndex">
<value name="VALUE">
<block type="variables_get">
<field name="VAR">{listVariable}</field>
</block>
</value>
</block>
<block type="lists_setIndex">
<value name="LIST">
<block type="variables_get">
<field name="VAR">{listVariable}</field>
</block>
</value>
</block>
<block type="lists_getSublist">
<value name="LIST">
<block type="variables_get">
<field name="VAR">{listVariable}</field>
</block>
</value>
</block>
<block type="lists_split">
<value name="DELIM">
<shadow type="text">
<field name="TEXT">,</field>
</shadow>
</value>
</block>
<block type="lists_sort"></block>
</category>
<category name="%{BKY_CATCOLOUR}" colour="%{BKY_COLOUR_HUE}">
<block type="colour_picker"></block>
<block type="colour_random"></block>
<block type="colour_rgb">
<value name="RED">
<shadow type="math_number">
<field name="NUM">100</field>
</shadow>
</value>
<value name="GREEN">
<shadow type="math_number">
<field name="NUM">50</field>
</shadow>
</value>
<value name="BLUE">
<shadow type="math_number">
<field name="NUM">0</field>
</shadow>
</value>
</block>
<block type="colour_blend">
<value name="COLOUR1">
<shadow type="colour_picker">
<field name="COLOUR">#ff0000</field>
</shadow>
</value>
<value name="COLOUR2">
<shadow type="colour_picker">
<field name="COLOUR">#3333ff</field>
</shadow>
</value>
<value name="RATIO">
<shadow type="math_number">
<field name="NUM">0.5</field>
</shadow>
</value>
</block>
</category>
<category name="Input/Output" colour="%{BKY_LISTS_HUE}">
<block type="Print">
<field name="Print">Print</field>
</block>
<block type="Input">
<field name="Input">Input</field>
</block>
</category>
<sep></sep>
<category name=DataFrame colour="%{BKY_TEXTS_HUE}">
<block type="pandas_read_csv">
<field type="pandas.read_csv">Read DataFrame</field>
</block>
<block type="pandas_select_columns">
<field type="pandas_select_columns">Select DataFrame Column</field>
</block>
<block type="pandas_set_columns">
<field type="pandas_set_columns">Add Column to DataFrame</field>
</block>
<block type="pandas_drop_columns">
<field type="pandas_drop_columns">Dataframe Drop Columns </field>
</block>
<block type="pandas_sample">
<field type="pandas_sample">Dataframe Sampling</field>
</block>
<block type="dataframe_Filter">
<field type="pandas.filter">DataFrame Filter</field>
</block>
<block type="dataframe_Map">
<field type="dataframe_Map">DataFrame Map</field>
</block>
<block type="skl_train_test_split">
<field type="skl_train_test_split">Train Test split</field>
<value name="TESTSIZE">
<shadow type="math_number">
<field name="NUM">0.2</field>
</shadow>
</value>
</block>
<block type="Classification_Report">
<field type="Classification_Report">Generate Classification Report</field>
</block>
<block type="R2_Report">
<field type="R2_Report">Generate Regression Report</field>
</block>
</category>
<category name=Datasets colour="%{BKY_LOGIC_HUE}">
<block type="seaborn_dataset">
<field name="Dataset">iris</field>
</block>
</category>
<category name=Dictionary colour="%{BKY_COLOUR_HUE}">
<block type="create_dict">
</block>
<block type="dict_append">
</block>
</category>
<sep></sep>
<category name="Machine Learning (Pycaret)" colour="%{BKY_COLOUR_HUE}">
<block type="pycaret_setup">
<value name="input_column">
<shadow type="text"></shadow>
</value>
</block>
<block type="pycaret_classifier">
</block>
<block type="pycaret_regressor">
</block>
<block type="pycaret_plot_model">
</block>
<block type="pycaret_automl">
</block>
<block type="pycaret_blend_model">
<value name="input_fold">
<shadow type="math_number">
<field name="NUM">5</field>
</shadow>
</value>
</block>
<block type="pycaret_ensemble_model">
<value name="input_fold">
<shadow type="math_number">
<field name="NUM">5</field>
</shadow>
</value>
</block>
<block type="pycaret_predict">
</block>
<block type="pycaret_save">
</block>
<block type="pycaret_load">
</block>
</category>
<sep></sep>
<category name="Classification Models (SKLearn)" colour="%{BKY_LOGIC_HUE}">
<block type="CLR_LogisticRegression">
<field type="CLR_LogisticRegression">LogisticRegression</field>
</block>
<block type="CLR_NaiveBayes">
<field type="CLR_NaiveBayes">Naive Bayes</field>
</block>
<block type="CLR_KNN">
<field type="CLR_KNN">K-Nearest Neighbours</field>
</block>
<block type="CLR_DecisionTree">
<field type="CLR_DecisionTree">Decision Tree</field>
</block>
<block type="CLR_RandomForest">
<field type="CLR_RandomForest">Random Forest</field>
</block>
<block type="CLR_SVM">
<field type="CLR_SVM">Support Vector Machine</field>
</block>
<block type="CLR_XGBoost">
<field type="CLR_XGBoost">XGBoost</field>
</block>
</category>
<category name="Regression Models (SKLearn)" colour="%{BKY_LOGIC_HUE}">
<block type="REG_LinearRegression">
<field type="REG_LinearRegression">Linear Regression</field>
</block>
<block type="REG_XGBRegressor">
<field type="REG_XGBRegressor">XGBRegressor</field>
</block>
</category>
<sep></sep>
<category name="%{BKY_CATVARIABLES}" colour="%{BKY_VARIABLES_HUE}" custom="VARIABLE"></category>
<category name="%{BKY_CATFUNCTIONS}" colour="%{BKY_PROCEDURES_HUE}" custom="PROCEDURE"> </category>
</xml>
</body>
</html>