-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathstate-of-ml-2024.html
124 lines (102 loc) · 6.1 KB
/
state-of-ml-2024.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
---
title: The Institute for Ethical AI & Machine Learning
description: The Institute for Ethical AI & Machine Learning is a Europe-based research centre that brings togethers technologists, academics and policy-makers to develop industry frameworks that support the responsible development, design and operation of machine learning systems.
image-banner: https://ethical.institute/images/prod-ml-survey-banner.jpg
---
<html data-bs-theme="dark">
<head>
{% include header.html %}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Orbitron" />
<link rel="stylesheet" href="assets/css/state-of-ml-2024.css" />
</head>
<body>
<div id="page-wrapper">
{% include navbar.html %}
<section id="banner" style="font-size: 11pt">
<div class="content" style="text-align: center">
<img class="logo-image" src="images/logos/eml-logo-white.png" alt="" style="max-width: 440px; width: 80%; margin-top: 30px" />
<header>
<h2 style="font-size: 4em; color: #01C3A7; font-weight: bold; text-align: center; line-height: 1.3em; margin-bottom: 20px">The State of Production ML in 2024</h2>
<p style="font-weight: bold; max-width: 850px; font-size: 1.25em">
The <a href="#survey-charts">State of Prod ML Survey</a> has collected insights from practitioners across the production machine learning ecosystem, and aims to collect a comprehensive overview of common practices, tooling preferences, and challenges faced when deploying models to production.
</p>
<br>
<p style="font-weight: bold; max-width: 850px; font-size: 1.25em">
Contribute by sharing your thoughts! It only takes 2 minutes:<br> <a href="https://bit.ly/state-of-ml-2024">https://bit.ly/state-of-ml-2024</a>.
</p>
</header>
<br>
</div>
<a href="#survey-charts" class="goto-next scrolly">Next</a>
</section>
<section id="one" class="spotlight style1 bottom">
<!-- TODO: Update image to something releavnt to mlops survey -->
<span class="image fit main"><img src="images/dots-vision.jpg" alt="" /></span>
<div class="content" class="container">
<header class="major">
<h2 id="chart-banner-title">
Check out the results in the charts below!
</h2>
<h3>
And if you haven't, please share your thoughts!</br> It only takes 2 minutes:<br><br> <a href="https://bit.ly/state-of-ml-2024">https://bit.ly/state-of-ml-2024</a>.
</h3>
</header>
</div>
</section>
<section id="survey-charts" class="wrapper style1 special fade-up charts-container p-0 px-md-5">
<main class="container" id="survey-charts">
</main>
<div class="navbar navbar-expand-md">
<div class="container-lg navbar-expand-md" style="display: block">
<div class="d-flex justify-content-center">
<ul class="chart-navbar nav navbar-nav nav-tabs justify-content-center">
<li class="nav-item">
<a class="list-group-item list-group-item-action nav-link active" data-bs-toggle="list" href="#chart-section-1" role="tab">1) ML & Scope</a>
</li>
<li class="nav-item">
<a class="list-group-item list-group-item-action nav-link" data-bs-toggle="list" href="#chart-section-2" role="tab">2) Platform & Components</a>
</li>
<li class="nav-item">
<a class="list-group-item list-group-item-action nav-link" data-bs-toggle="list" href="#chart-section-3" role="tab">3) Ecosystem & Maturity</a>
</li>
<li class="nav-item">
<a class="list-group-item list-group-item-action nav-link" data-bs-toggle="list" href="#chart-section-4" role="tab">4) Demographics</a>
</li>
</ul>
</div>
</div>
</div>
<hr style="margin: 1.5em 0 1.5em 0" />
<div class="tab-content">
<div class="tab-pane active" role="tabpanel" id="chart-section-1">
<div class="row p-0 flex-nowrap overflow-auto"></div>
</div>
<div class="tab-pane" role="tabpanel" id="chart-section-2">
<div class="row p-0 flex-nowrap overflow-auto"></div>
</div>
<div class="tab-pane" role="tabpanel" id="chart-section-3">
<div class="row p-0 flex-nowrap overflow-auto"></div>
</div>
<div class="tab-pane" role="tabpanel" id="chart-section-4">
<div class="row p-0 flex-nowrap overflow-auto"></div>
</div>
</div>
<div id="charts" class="row"></div>
<div id="table" class="table-responsive"></div>
</section>
{% include footer.html %}
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/index.umd.min.js "></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="assets/js/chartjs-plugin-colorschemes-v3.js"></script>
<script src="https://cdn.jsdelivr.net/npm/arquero@latest"></script>
<script src="https://unpkg.com/[email protected]/dist/tablefilter/tablefilter.js"></script>
<script type="module" src="assets/js/state-of-ml-2024.js" defer="defer"></script>
</body>
</html>