luulinh90s's picture
add materials
fa53be0
raw
history blame
8.04 kB
<html><head>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
h1 { text-align: center; }
.cot-title { color: blue; }
.pos-title { color: green; }
h2 { color: black; text-align: left; }
h3 { color: black; text-align: left; }
h4 { color: darkslategray; }
table { width: 100%; border-collapse: collapse; margin: 20px 0; }
table, th, td { border: 1px solid #ddd; padding: 8px; }
th { background-color: #f2f2f2; }
tr:nth-child(even) { background-color: #f9f9f9; }
.highlight { background-color: #ffffcc; }
.true { color: green; }
.false { color: red; }
.highlighted-cell { background-color: yellow; cursor: pointer; }
.step-title { background-color: #f1f1f1; color: #444; padding: 10px; margin: 10px 0; font-size: 18px; border-left: 4px solid #888; }
.step { display: block; }
</style>
</head><body>
<hr>
<h3><span>Statement:</span> alex soler - roig has the highest position at 25 on grid following howden ganley at 24 with jackie stewart in the 1st postion</h3>
<h3>Input Table: 1971 south african grand prix</h3>
<div class="step">
<div class="step">
<div class="step-title">Step 1: Step 1</div>
<div id="step-1" class="content">
<table>
<tr>
<td>driver</td>
<td>constructor</td>
<td>laps</td>
<td>time___retired</td>
<td>grid</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">mario andretti</span></td>
<td>ferrari</td>
<td>79</td>
<td>1:47:35.5</td>
<td>4</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">jackie stewart</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">tyrrell - ford</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">79</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">+ 20.9</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">1</span></td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">clay regazzoni</span></td>
<td>ferrari</td>
<td>79</td>
<td>+ 31.4</td>
<td>3</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">reine wisell</span></td>
<td>lotus - ford</td>
<td>79</td>
<td>+ 1:09.4</td>
<td>14</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">chris amon</span></td>
<td>matra</td>
<td>78</td>
<td>+ 1 lap</td>
<td>2</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">denny hulme</span></td>
<td>mclaren - ford</td>
<td>78</td>
<td>+ 1 lap</td>
<td>7</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">brian redman</span></td>
<td>surtees - ford</td>
<td>78</td>
<td>+ 1 lap</td>
<td>17</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">jacky ickx</span></td>
<td>ferrari</td>
<td>78</td>
<td>+ 1 lap</td>
<td>8</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">graham hill</span></td>
<td>brabham - ford</td>
<td>77</td>
<td>+ 2 laps</td>
<td>19</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">ronnie peterson</span></td>
<td>march - ford</td>
<td>77</td>
<td>+ 2 laps</td>
<td>13</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">henri pescarolo</span></td>
<td>march - ford</td>
<td>77</td>
<td>+ 2 laps</td>
<td>18</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">rolf stommelen</span></td>
<td>surtees - ford</td>
<td>77</td>
<td>+ 2 laps</td>
<td>15</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">andrea de adamich</span></td>
<td>march - alfa romeo</td>
<td>75</td>
<td>+ 4 laps</td>
<td>22</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">emerson fittipaldi</span></td>
<td>lotus - ford</td>
<td>58</td>
<td>engine</td>
<td>5</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">john surtees</span></td>
<td>surtees - ford</td>
<td>56</td>
<td>gearbox</td>
<td>6</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">françois cevert</span></td>
<td>tyrrell - ford</td>
<td>45</td>
<td>accident</td>
<td>9</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">howden ganley</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">brm</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">42</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">physical</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">24</span></td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">pedro rodríguez</span></td>
<td>brm</td>
<td>33</td>
<td>overheating</td>
<td>10</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">dave charlton</span></td>
<td>brabham - ford</td>
<td>31</td>
<td>engine</td>
<td>16</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">jo siffert</span></td>
<td>brm</td>
<td>31</td>
<td>overheating</td>
<td>12</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">john love</span></td>
<td>march - ford</td>
<td>30</td>
<td>differential</td>
<td>21</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">jackie pretorius</span></td>
<td>brabham - ford</td>
<td>22</td>
<td>engine</td>
<td>20</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">peter gethin</span></td>
<td>mclaren - ford</td>
<td>7</td>
<td>fuel leak</td>
<td>11</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">jo bonnier</span></td>
<td>mclaren - ford</td>
<td>5</td>
<td>suspension</td>
<td>23</td>
</tr>
<tr>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:#90EE90;">alex soler - roig</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">march - ford</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">5</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">engine</span></td>
<td><span class="highlighted-cell" title="Used in transformation" style="background-color:yellow;">25</span></td>
</tr>
</table>
</div>
<hr>
<div class="step">
<div class="step-title">Final output table:</div>
<div id="step-0" class="content">
<table>
<tr>
<td>driver</td>
<td>constructor</td>
<td>laps</td>
<td>time___retired</td>
<td>grid</td>
</tr>
<tr>
<td>jackie stewart</td>
<td>tyrrell - ford</td>
<td>79</td>
<td>+ 20.9</td>
<td>1</td>
</tr>
<tr>
<td>howden ganley</td>
<td>brm</td>
<td>42</td>
<td>physical</td>
<td>24</td>
</tr>
<tr>
<td>alex soler - roig</td>
<td>march - ford</td>
<td>5</td>
<td>engine</td>
<td>25</td>
</tr>
</table>
</div>
</div>
<hr>
<h3>Prediction:</span> </h3>
</body></html>