@@ -16,6 +16,229 @@ The Issues page contains:
1616- ** Development Milestones** : Planned releases and their progress
1717- ** Community Discussions** : User feedback and suggestions
1818
19+ ## Development Timeline
20+
21+ Our development roadmap is organized into milestones with specific features and improvements planned for each release:
22+
23+ <div className =" timeline-container " >
24+ <div className =" timeline " >
25+ <div className="timeline-item">
26+ <div className="timeline-marker v1-2">1.2</div>
27+ <div className="timeline-content">
28+ <h4>v1.2 Milestone</h4>
29+ <p className="milestone-date">Due by September 15, 2025</p>
30+ <ul>
31+ <li><strong>Auto-complete functionality</strong>: Intelligent suggestions for table annotations and data entry</li>
32+ <li><strong>Manual editing of the annotations</strong>: Enhanced interface for direct editing and refinement of semantic annotations</li>
33+ </ul>
34+ </div>
35+ </div>
36+
37+ <div className="timeline-item">
38+ <div className="timeline-marker v1-3">1.3</div>
39+ <div className="timeline-content">
40+ <h4>v1.3 Milestone</h4>
41+ <p className="milestone-date">Due by November 1, 2025</p>
42+ <ul>
43+ <li><strong>Annotation suggestions</strong>: AI-powered recommendations for semantic interpretation and annotation</li>
44+ </ul>
45+ </div>
46+ </div>
47+
48+ <div className="timeline-item">
49+ <div className="timeline-marker v1-x">1.X</div>
50+ <div className="timeline-content">
51+ <h4>v1.X Milestone</h4>
52+ <ul>
53+ <li><strong>Annotation visualisation</strong>: Interactive overlays to display semantic links directly in the table</li>
54+ <li><strong>Extended plugin modules</strong>: New export formats and transformation plugins</li>
55+ </ul>
56+ </div>
57+ </div>
58+
59+ <div className="timeline-item">
60+ <div className="timeline-marker v2-0">2.0</div>
61+ <div className="timeline-content">
62+ <h4>v2.0 Milestone</h4>
63+ <p className="milestone-date">Due by February 1, 2026</p>
64+ <ul>
65+ <li><strong>Import of tables via API</strong>: RESTful API endpoints for programmatic table import and integration</li>
66+ <li><strong>User preferences</strong>: Customisable layouts, themes (dark/light mode) and saved settings</li>
67+ </ul>
68+ </div>
69+ </div>
70+
71+ <div className="timeline-item">
72+ <div className="timeline-marker v2-1">2.1</div>
73+ <div className="timeline-content">
74+ <h4>v2.1 Milestone</h4>
75+ <ul>
76+ <li><strong>Semantic search & filter</strong>: Find and filter annotations by entity, property or column type (NE/LIT)</li>
77+ </ul>
78+ </div>
79+ </div>
80+
81+ <div className="timeline-item">
82+ <div className="timeline-marker v2-x">2.X</div>
83+ <div className="timeline-content">
84+ <h4>v2.X Milestone</h4>
85+ <ul>
86+ <li><strong>Plugin marketplace</strong>: Centralized repository for community-contributed plugins with easy installation and management</li>
87+ </ul>
88+ </div>
89+ </div>
90+
91+ <div className="timeline-item future">
92+ <div className="timeline-marker future">X</div>
93+ <div className="timeline-content future">
94+ <h4>Future Milestones</h4>
95+ <p>More exciting features and improvements are planned for future releases...</p>
96+ </div>
97+ </div>
98+ </div>
99+ </div >
100+
101+
102+ <style >{`
103+ .timeline-container {
104+ margin : 2rem 0 ;
105+ padding : 1rem ;
106+ }
107+
108+ .timeline {
109+ position : relative ;
110+ max-width : 800px ;
111+ margin : 0 auto ;
112+ }
113+
114+ .timeline ::before {
115+ content : ' ' ;
116+ position : absolute ;
117+ left : 22px ;
118+ top : 0 ;
119+ bottom : 0 ;
120+ width : 2px ;
121+ background : var (--ifm-color-primary );
122+ }
123+
124+ .timeline-item.future ::before {
125+ content : ' ' ;
126+ position : absolute ;
127+ left : 22px ;
128+ top : 30px ;
129+ bottom : -2rem ;
130+ width : 2px ;
131+ background : repeating-linear-gradient (
132+ to bottom ,
133+ var (--ifm-color-primary ) 0px ,
134+ var (--ifm-color-primary ) 4px ,
135+ transparent 4px ,
136+ transparent 8px
137+ );
138+ z-index : 0 ;
139+ }
140+
141+ .timeline-item {
142+ position : relative ;
143+ margin-bottom : 2rem ;
144+ padding-left : 60px ;
145+ }
146+
147+ .timeline-marker {
148+ position : absolute ;
149+ left : 10px ;
150+ top : 6px ;
151+ width : 24px ;
152+ height : 24px ;
153+ border-radius : 50% ;
154+ box-shadow : 0 0 0 3px var (--ifm-color-primary );
155+ background : var (--ifm-color-primary );
156+ z-index : 1 ;
157+ display : flex ;
158+ align-items : center ;
159+ justify-content : center ;
160+ color : white ;
161+ font-size : 10px ;
162+ font-weight : bold ;
163+ line-height : 1 ;
164+ text-align : center ;
165+ }
166+
167+ .timeline-marker.v1-3 {
168+ box-shadow : 0 0 0 3px var (--ifm-color-primary );
169+ background : var (--ifm-color-primary );
170+ }
171+
172+ .timeline-marker.v2-0 {
173+ box-shadow : 0 0 0 3px var (--ifm-color-primary );
174+ background : var (--ifm-color-primary );
175+ }
176+
177+ .timeline-marker.future {
178+ box-shadow : 0 0 0 3px var (--ifm-color-primary );
179+ background : var (--ifm-color-primary );
180+ color : white ;
181+ }
182+
183+ .timeline-item.future .timeline-content {
184+ background : var (--ifm-color-emphasis-100 );
185+ border : 1px dashed var (--ifm-color-emphasis-300 );
186+ opacity : 0.8 ;
187+ }
188+
189+ .timeline-item.future .timeline-content h4 {
190+ color : var (--ifm-color-emphasis-600 );
191+ }
192+
193+ .timeline-content {
194+ background : var (--ifm-card-background-color );
195+ border : 1px solid var (--ifm-color-emphasis-300 );
196+ border-radius : 8px ;
197+ padding : 1.5rem ;
198+ box-shadow : 0 2px 8px rgba (0 , 0 , 0 , 0.1 );
199+ }
200+
201+ .timeline-content h4 {
202+ margin : 0 0 0.5rem 0 ;
203+ color : var (--ifm-color-primary );
204+ font-size : 1.2rem ;
205+ }
206+
207+ .milestone-date {
208+ margin : 0 0 1rem 0 ;
209+ color : var (--ifm-color-emphasis-600 );
210+ font-size : 0.9rem ;
211+ font-style : italic ;
212+ }
213+
214+ .timeline-content ul {
215+ margin : 0 ;
216+ padding-left : 1.2rem ;
217+ }
218+
219+ .timeline-content li {
220+ margin-bottom : 0.5rem ;
221+ line-height : 1.5 ;
222+ }
223+
224+ @media (max-width : 768px ) {
225+ .timeline ::before {
226+ left : 15px ;
227+ }
228+
229+ .timeline-item {
230+ padding-left : 50px ;
231+ }
232+
233+ .timeline-marker {
234+ left : 5px ;
235+ width : 22px ;
236+ height : 22px ;
237+ font-size : 9px ;
238+ }
239+ }
240+ `}</style >
241+
19242---
20243
21244* This roadmap is a living document and may be updated based on community feedback and development priorities.*
0 commit comments