@@ -144,7 +144,37 @@ $(document).ready(() => {
144144
145145*    ** Examples** 
146146    ([ tfds.as_dataframe] ( https://www.tensorflow.org/datasets/api_docs/python/tfds/as_dataframe ) ):
147-     Missing.
147+ 
148+ <!--  mdformat off(HTML should not be auto-formatted) --> 
149+ 
150+ {% framebox %}
151+ 
152+ <button  id =" displaydataframe " >Display examples...</button >
153+ <div  id =" dataframecontent "  style =" overflow-x scroll " ></div >
154+ <script  src =" https://www.gstatic.com/external_hosted/jquery2.min.js " ></script >
155+ <script >
156+ var  url =  " https://storage.googleapis.com/tfds-data/visualization/dataframe/imagenet_v2-threshold-0.7-3.0.0.html" 
157+ $ (document ).ready (() =>  {
158+   $ (" #displaydataframe" click ((event ) =>  {
159+     //  Disable the button after clicking (dataframe loaded only once).
160+     $ (" #displaydataframe" prop (" disabled" true );
161+ 
162+     //  Pre-fetch and display the content
163+     $ .get (url, (data ) =>  {
164+       $ (" #dataframecontent" html (data);
165+     }).fail (() =>  {
166+       $ (" #dataframecontent" html (
167+         ' Error loading examples. If the error persist, please open ' 
168+         +  ' a new issue.' 
169+       );
170+     });
171+   });
172+ });
173+ </script >
174+ 
175+ {% endframebox %}
176+ 
177+ <!--  mdformat on --> 
148178
149179## imagenet_v2/topimages  
150180
@@ -154,8 +184,39 @@ $(document).ready(() => {
154184
155185*    ** Figure** 
156186    ([ tfds.show_examples] ( https://www.tensorflow.org/datasets/api_docs/python/tfds/visualization/show_examples ) ):
157-     Not supported.
187+ 
188+ <img  src =" https://storage.googleapis.com/tfds-data/visualization/fig/imagenet_v2-topimages-3.0.0.png "  alt =" Visualization "  width =" 500px " >
158189
159190*    ** Examples** 
160191    ([ tfds.as_dataframe] ( https://www.tensorflow.org/datasets/api_docs/python/tfds/as_dataframe ) ):
161-     Missing.
192+ 
193+ <!--  mdformat off(HTML should not be auto-formatted) --> 
194+ 
195+ {% framebox %}
196+ 
197+ <button  id =" displaydataframe " >Display examples...</button >
198+ <div  id =" dataframecontent "  style =" overflow-x scroll " ></div >
199+ <script  src =" https://www.gstatic.com/external_hosted/jquery2.min.js " ></script >
200+ <script >
201+ var  url =  " https://storage.googleapis.com/tfds-data/visualization/dataframe/imagenet_v2-topimages-3.0.0.html" 
202+ $ (document ).ready (() =>  {
203+   $ (" #displaydataframe" click ((event ) =>  {
204+     //  Disable the button after clicking (dataframe loaded only once).
205+     $ (" #displaydataframe" prop (" disabled" true );
206+ 
207+     //  Pre-fetch and display the content
208+     $ .get (url, (data ) =>  {
209+       $ (" #dataframecontent" html (data);
210+     }).fail (() =>  {
211+       $ (" #dataframecontent" html (
212+         ' Error loading examples. If the error persist, please open ' 
213+         +  ' a new issue.' 
214+       );
215+     });
216+   });
217+ });
218+ </script >
219+ 
220+ {% endframebox %}
221+ 
222+ <!--  mdformat on --> 
0 commit comments