Skip to content

Commit a365142

Browse files
MPX0222MPX0222
committed
v1.2.2 update todo-list, resources
1 parent ed711e9 commit a365142

File tree

12 files changed

+371
-10
lines changed

12 files changed

+371
-10
lines changed

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@ Figure 1: Demonstration of our work.
7070

7171
## 🚀 Coming Soon Checklist
7272

73+
- [ ] 📝 Update the camera-ready version of the paper, homepage and poster. coming sooooon!
7374
- [x] 📊 Release model weights on HuggingFace and ModelScope
7475
- [x] 🔧 Open source training code and RL dataset
7576
- [x] 📝 Detailed documentation

‎index.html‎

Lines changed: 161 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,60 @@
5353
<script src="static/js/bulma-carousel.min.js"></script>
5454
<script src="static/js/bulma-slider.min.js"></script>
5555
<script src="static/js/index.js"></script>
56+
<!-- MathJax for mathematical formulas -->
57+
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
58+
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
59+
<script>
60+
window.MathJax = {
61+
tex: {
62+
inlineMath: [['$', '$'], ['\\(', '\\)']],
63+
displayMath: [['$$', '$$'], ['\\[', '\\]']]
64+
}
65+
};
66+
</script>
5667
</head>
5768
<body>
5869

70+
<!-- Header with Conference and Institution Logos -->
71+
<section class="header-logos">
72+
<div class="container is-max-desktop">
73+
<div class="columns is-centered is-vcentered">
74+
<div class="column is-narrow">
75+
<div class="logo-container">
76+
<!-- Conference Logo (NeurIPS 2025) -->
77+
<div class="conference-logo">
78+
<img src="static/images/NeurIPS-logo.svg" alt="NeurIPS 2025" style="height: 60px;"/>
79+
</div>
80+
</div>
81+
</div>
82+
<div class="column is-narrow">
83+
<div class="logo-separator" style="width: 1px; height: 40px; background-color: #dbdbdb; margin: 0 2rem;"></div>
84+
</div>
85+
<div class="column is-narrow">
86+
<div class="logo-container">
87+
<!-- Institution Logos -->
88+
<div class="institution-logos" style="display: flex; align-items: center;">
89+
<!-- IDEA Research Logo -->
90+
<div class="institution-logo">
91+
<img src="static/images/idea_logo.png" alt="IDEA Research" style="height: 80px;"/>
92+
</div>
93+
<!-- HKUST(GZ) Logo -->
94+
<div class="institution-logo">
95+
<img src="static/images/hkust_logo.png" alt="HKUST(GZ)" style="height: 90px;"/>
96+
</div>
97+
<div class="institution-logo">
98+
<img src="static/images/ucas_logo.png" alt="UCAS" style="height: 55px; padding-left: 10px;"/>
99+
</div>
100+
<!-- Other institutions can be added here -->
101+
<div class="institution-logo">
102+
<img src="static/images/dataarc_logo.png" alt="DataArc" style="height: 80px; padding-left: 30px;"/>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</div>
108+
</div>
109+
</section>
59110

60111
<section class="hero">
61112
<div class="hero-body">
@@ -81,10 +132,10 @@ <h1 class="title is-1 publication-title">SQL-R1: Training Natural Language to SQ
81132

82133
<div class="is-size-5 publication-authors">
83134
<span class="author-block">
84-
<sup>1</sup>IDEA Research, International Digital Economy Academy<br>
85-
<sup>2</sup>The Hong Kong University of Science and Technology (Guangzhou)<br>
86-
<sup>3</sup>University of Chinese Academy of Science<br>
87-
<sup>4</sup>DataArc Tech Ltd.<br>
135+
<sup>1</sup>IDEA Research, International Digital Economy Academy,
136+
<sup>2</sup>The Hong Kong University of Science and Technology (Guangzhou),
137+
<sup>3</sup>University of Chinese Academy of Science,
138+
<sup>4</sup>DataArc Tech Ltd.
88139
</span>
89140
<!-- <span class="eql-cntrb"><small><br><sup>*</sup>Indicates Equal Contribution</small></span> -->
90141
</div>
@@ -120,6 +171,16 @@ <h1 class="title is-1 publication-title">SQL-R1: Training Natural Language to SQ
120171
<span>arXiv</span>
121172
</a>
122173
</span>
174+
175+
<span class="link-block">
176+
<a href="https://huggingface.co/MPX0222forHF/SQL-R1-7B" target="_blank"
177+
class="external-link button is-normal is-rounded is-dark">
178+
<span class="icon">
179+
🤗
180+
</span>
181+
<span>HuggingFace</span>
182+
</a>
183+
</span>
123184
</div>
124185
</div>
125186
</div>
@@ -137,7 +198,7 @@ <h1 class="title is-1 publication-title">SQL-R1: Training Natural Language to SQ
137198
<h2 class="title is-3">Introduction</h2>
138199
<div class="content has-text-justified">
139200
<p>
140-
Natural Language to SQL (NL2SQL) enables intuitive interactions with databases by transforming natural language queries into structured SQL statements. Despite recent advancements in enhancing human-computer interaction within database applications, significant challenges persist, particularly regarding the inference performance in complex scenarios involving multi-table joins and nested queries.
201+
Natural Language to SQL (NL2SQL, or Text2SQL) converts natural language questions~(NL) into structured SQL statements, simplifying database interaction without requiring database expertise. Recent advancements in NL2SQL have significantly enhanced the level of human-computer interaction within database query applications and contribute to a wide range of data science analysis tasks. Current NL2SQL models mainly focus on optimizing workflows and their components, such as schema linking, content retrieval, generation correction.
141202
</p>
142203
<p>
143204
Current methodologies primarily utilize supervised fine-tuning (SFT) to train the NL2SQL model, which may limit adaptability and interpretability in new environments (e.g., finance and healthcare). In order to enhance the reasoning performance of the NL2SQL model in the above complex situations, we introduce SQL-R1, a novel NL2SQL reasoning model trained by the reinforcement learning (RL) algorithms.
@@ -153,18 +214,108 @@ <h2 class="title is-3">Introduction</h2>
153214
</div>
154215
</section>
155216

217+
<!-- Method Section -->
218+
<section class="section" style="background-color: #fafafa;">
219+
<div class="container is-max-desktop">
220+
<div class="columns is-centered has-text-centered">
221+
<div class="column is-four-fifths">
222+
<h2 class="title is-3">Method</h2>
223+
<div class="content has-text-justified">
224+
<!-- Method content will be added here -->
225+
<div class="method-content">
226+
<p>
227+
<em>Method section content will be added here. This section supports mathematical formulas using MathJax notation.</em>
228+
</p>
229+
230+
<!-- Example of mathematical formula support -->
231+
<div class="has-text-centered" style="margin: 2rem 0;">
232+
<p><strong>Example formula:</strong></p>
233+
<p>$$\mathcal{L}_{RL} = \mathbb{E}_{(s,a) \sim \pi_\theta}[r(s,a) \cdot \log \pi_\theta(a|s)]$$</p>
234+
</div>
235+
236+
<!-- Placeholder for method figures -->
237+
<div class="columns is-centered has-text-centered method-figures">
238+
<div class="column">
239+
<!-- <img src="images/method_figure1.png" alt="Method Overview" style="width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px;"/> -->
240+
<div style="background: #f5f5f5; border: 2px dashed #ccc; padding: 3rem; border-radius: 6px;">
241+
<p style="color: #888; font-style: italic;">Method Figure Placeholder</p>
242+
<p style="color: #888; font-size: 0.9rem;">Add your method diagrams here</p>
243+
</div>
244+
</div>
245+
</div>
246+
247+
<!-- Support for multiple subsections -->
248+
<div class="method-subsection" style="margin-top: 2rem;">
249+
<h3 class="title is-4">Reinforcement Learning Framework</h3>
250+
<p><em>Subsection content goes here...</em></p>
251+
</div>
252+
253+
<div class="method-subsection" style="margin-top: 2rem;">
254+
<h3 class="title is-4">Reward Function Design</h3>
255+
<p><em>Subsection content goes here...</em></p>
256+
</div>
257+
</div>
258+
</div>
259+
</div>
260+
</div>
261+
</div>
262+
</section>
263+
156264
<!-- Experiment Section -->
157265
<section class="section">
158266
<div class="container is-max-desktop">
159267
<div class="columns is-centered has-text-centered">
160268
<div class="column is-four-fifths">
161269
<h2 class="title is-3">Experiments</h2>
162-
<div class="columns is-centered has-text-centered">
163-
<div class="column">
164-
<img src="images/table1.png" alt="Experiment Results" style="width: 100%; height: auto;"/>
270+
<div class="content has-text-justified">
271+
<!-- Experiment content will be added here -->
272+
<div class="experiment-content">
273+
<p>
274+
<em>Experiment section content will be added here. This section supports tables, figures, and detailed experimental results.</em>
275+
</p>
276+
277+
<!-- Main Results Subsection -->
278+
<div class="experiment-subsection" style="margin-top: 2rem;">
279+
<h3 class="title is-4">Main Results</h3>
280+
<p><em>Main experimental results description goes here...</em></p>
281+
282+
<!-- Results table/figure container -->
283+
<div class="columns is-centered has-text-centered experiment-results">
284+
<div class="column">
285+
<img src="images/table1.png" alt="Experiment Results" style="width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px;"/>
286+
<p class="has-text-grey" style="margin-top: 0.5rem; font-size: 0.9rem;">
287+
<strong>Table 1:</strong> Performance comparison on benchmark datasets
288+
</p>
289+
</div>
290+
</div>
291+
</div>
292+
293+
<!-- Ablation Study Subsection -->
294+
<div class="experiment-subsection" style="margin-top: 2rem;">
295+
<h3 class="title is-4">Ablation Study</h3>
296+
<p><em>Ablation study results and analysis go here...</em></p>
297+
298+
<!-- Placeholder for additional figures -->
299+
<div class="columns is-multiline experiment-figures">
300+
<div class="column is-half">
301+
<div style="background: #f9f9f9; border: 2px dashed #ddd; padding: 2rem; border-radius: 6px;">
302+
<p style="color: #888; font-style: italic;">Ablation Figure 1</p>
303+
<p style="color: #888; font-size: 0.9rem;">Component analysis results</p>
304+
</div>
305+
</div>
306+
<div class="column is-half">
307+
<div style="background: #f9f9f9; border: 2px dashed #ddd; padding: 2rem; border-radius: 6px;">
308+
<p style="color: #888; font-style: italic;">Ablation Figure 2</p>
309+
<p style="color: #888; font-size: 0.9rem;">Performance breakdown</p>
310+
</div>
311+
</div>
312+
</div>
313+
</div>
314+
315+
</div>
165316
</div>
166-
</div>
167-
317+
</div>
318+
</div>
168319
</div>
169320
</section>
170321

‎static/css/index.css‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -133,5 +133,124 @@ body {
133133
font-size: smaller;
134134
}
135135

136+
/* Method and Experiment Section Styles */
137+
.method-content, .experiment-content {
138+
font-size: 1.1rem;
139+
line-height: 1.7;
140+
}
141+
142+
.method-subsection, .experiment-subsection {
143+
border-left: 3px solid #3273dc;
144+
padding-left: 1.5rem;
145+
margin-bottom: 2rem;
146+
}
147+
148+
.method-subsection h3, .experiment-subsection h3 {
149+
color: #3273dc;
150+
margin-bottom: 1rem;
151+
}
152+
153+
.method-figures, .experiment-figures {
154+
margin: 2rem 0;
155+
}
156+
157+
.method-figures img, .experiment-results img {
158+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
159+
transition: transform 0.3s ease;
160+
}
161+
162+
.method-figures img:hover, .experiment-results img:hover {
163+
transform: scale(1.02);
164+
}
165+
166+
/* Table styling for experiments */
167+
.experiment-content .table {
168+
background-color: white;
169+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
170+
}
171+
172+
.experiment-content .table th {
173+
background-color: #f5f5f5 !important;
174+
color: #363636;
175+
font-weight: 600;
176+
border-bottom: 2px solid #dbdbdb;
177+
}
178+
179+
.experiment-content .table td {
180+
vertical-align: middle;
181+
}
182+
183+
/* Mathematical formula styling */
184+
.MathJax {
185+
font-size: 1.1em !important;
186+
}
187+
188+
/* Figure caption styling */
189+
.has-text-grey {
190+
font-style: italic;
191+
}
192+
193+
/* Header Logos Section Styles */
194+
.header-logos {
195+
background: #ffffff;
196+
border-bottom: 1px solid #f0f0f0;
197+
}
198+
199+
.logo-container {
200+
display: flex;
201+
align-items: center;
202+
justify-content: center;
203+
/* padding: 0.5rem 1rem; */
204+
}
205+
206+
.conference-logo {
207+
display: flex;
208+
align-items: center;
209+
justify-content: center;
210+
}
211+
212+
.institution-logos {
213+
flex-wrap: wrap;
214+
justify-content: center;
215+
}
216+
217+
.institution-logo .logo-placeholder {
218+
font-size: 1rem;
219+
}
220+
221+
/* Responsive design for logos */
222+
@media screen and (max-width: 768px) {
223+
.header-logos .columns {
224+
flex-direction: column;
225+
}
226+
227+
.logo-separator {
228+
display: none !important;
229+
}
230+
231+
.institution-logo .logo-placeholder,
232+
.conference-logo .logo-placeholder {
233+
font-size: 0.8rem;
234+
}
235+
}
236+
237+
@media screen and (max-width: 480px) {
238+
.institution-logos {
239+
flex-direction: column;
240+
}
241+
}
242+
243+
/* Responsive adjustments */
244+
@media screen and (max-width: 768px) {
245+
.method-subsection, .experiment-subsection {
246+
padding-left: 1rem;
247+
border-left-width: 2px;
248+
}
249+
250+
.method-content, .experiment-content {
251+
font-size: 1rem;
252+
}
253+
}
254+
136255

137256

0 commit comments

Comments
 (0)