- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua.
@@ -114,7 +114,8 @@
Gastronomy
- Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.
+ Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec
+ pretium vulputate.
@@ -156,7 +157,8 @@
Education
- Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus mauris vitae.
+ Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus
+ mauris vitae.
- Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.
+ Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget
+ nullam non nisi est sit amet.
Categories
@@ -109,7 +101,8 @@
Gastronomy
Restaurant of the month
- Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.
+ Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec
+ pretium vulputate.
Categorie
@@ -147,7 +140,7 @@
Most popular data
+ context="catalog">
@@ -160,9 +153,9 @@
Tweets by Opendatasoft
+ class="twitter-timeline"
+ data-height="392"
+ href="https://twitter.com/Opendatasoft?ref_src=twsrc%5Etfw">Tweets by Opendatasoft
+ {{ end }}
diff --git a/public/algolia.json b/public/algolia.json
index c8383b015..89a7532fb 100644
--- a/public/algolia.json
+++ b/public/algolia.json
@@ -1 +1 @@
-[{"content":"Save school officials time: give them a printable menu model containing up-to-date information\nDescription The context\nFrench schools display their canteen menus each week either so that it can be read by students and their parents. In the majority of cases, the municipality sets the composition of the meals then sends the information to school establishments who then have to reprocess the information into a spreadsheet or a word processor in order to then print and display it.\nThe service\nTo help agents avoid repeating this task, Opendatasoft has created a model menu page that automatically generates the information from a dataset “school canteen menus”.\nThe ODS Advantage: the platform’s filters. They enable you to choose the elements to show on the menu. Data that is only useful to territorial agents do not need to be displayed on documents destined to the public.\nThe Use Case\nRennes Metropolis offers its schools a ready-to-print menu page for which the text is generated from a dataset updated by the General Canteen Service. Thanks to the platform’s filters, allergens and organic ingredients are highlighted with specific colors. The dataset includes the menus for the ongoing, past, and following weeks, allowing schools to anticipate the preparation of the menus displayed.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Save school officials time: give them a printable menu model containing up-to-date information","objectID":"c252414e4f8c0e97b0e5550c13b3a52a","permalink":"https://codelibrary.opendatasoft.com/apps/canteen/","relpermalink":"/apps/canteen/","section":"Apps","tags":[],"title":"School Canteen Menu Displays"},{"content":"Create a live COVID-19 for your county, city etc. with local data.\nDescription The context\nYou have a regularly updated source of data about COVID-19 for your region (e.g. County or City) that that reflects information not available nationwide. You want to keep the population updated on the number of cases, the number of occupied hospital beds etc. in their surroundings. You want to make the data available for nation-wide aggregation.\nThe service\nThis page aggregates a number of indicators, with key figures, maps, tables etc. that allows to share detailed data with a simple visualization. All the aggregated data by day, by zipcode, by gender etc. are pre-configured.\nRequirements An Opendatasoft platform A dataset with records on COVID for every date and possibly split by gender, age etc. Get the App Get the code on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create a live COVID-19 for your county, city etc. with local data.","objectID":"9a57dc0acda28cc990e32f4cf51704d7","permalink":"https://codelibrary.opendatasoft.com/apps/covid-us-counties/","relpermalink":"/apps/covid-us-counties/","section":"Apps","tags":[],"title":"COVID-19 for US Counties"},{"content":"Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.\nDescription The context\nElections are always a highlight for you and your constituents. To make your citizens want to follow the details of the live votes on your portal and facilitate the understanding of the results, you will need to offer them legible and engaging content.\nThe service\nWith Opendatasoft, it is possible to compare different fields of the same dataset or several datasets together. The visual representation of these combined and filtered data allows you to offer your community a comparative view of the distribution of votes by district, municipality or constituency.\nThe Use Case\nLike the metropolis of Rennes, build an electoral map of your territory so that your citizens can view this information by polling station. They can understand how voters vote in their neighborhood and observe disparities with other areas of the municipality.\nLike the Hauts-de-Seine, guide your citizens in reading the voting results. The regional department has built an infographic containing data on the legislative and presidential elections since 1993. Filter buttons allow the user to choose the election that interests them, then to display the results (elected candidates, non-elected candidates, participation rate, number of invalid ballots, etc.) per constituency or municipality.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.","objectID":"e5607476061ed5058947b7f9427f46f6","permalink":"https://codelibrary.opendatasoft.com/apps/election/","relpermalink":"/apps/election/","section":"Apps","tags":[],"title":"Election Results Visualization"},{"content":"Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.\nDescription The context\nYou are preparing a survey and you need to visualize the results in a legible and structured way, as well as enrich them with other data. Google Form allows easy collection of these results, but not their advanced visualization or comparison with other data. Integrating Google Form with the Opendatasoft platform can help you take advantage of both tools.\nThe service\nWhen you create a survey with Google Form, the answers are collected in a spreadsheet that updates as people respond. This spreadsheet can be shared via a URL of its own. All you need to do is set this URL as the source for publishing a new dataset. This will be updated in real time as soon as a new person responds to the survey. You will then be able to take advantage of the data visualization and comparison features offered by the platform to display the results of your survey in the most comprehensive and understandable way possible.\nRequirements A Google Account An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.","objectID":"1cbcf17f1b8696da21459223a89f7587","permalink":"https://codelibrary.opendatasoft.com/apps/google-form/","relpermalink":"/apps/google-form/","section":"Apps","tags":[],"title":"Google Form Survey Results Visualization"},{"content":"Build dynamic and easy to read visualization on your sensors data and connected equipments\nDescription The context\nSmart sorting bins and energy meters, traffic surveillance cameras, fleets of geolocated vehicles … the connected equipment is multiplying within the territories, producing a considerable amount of data in real time. Gross, voluminous and complex, this IoT data often remains indecipherable for the human eye.\nThe service\nOpendatasoft provides you with a visualization model fully designed to represent, understand and analyze all your IoT data, regardless of their source and format. This app allows you to:\n map all of your sensors to monitor their operating status and supervise their activity simply and visually restore the raw data collected by your sensors, offering several levels of detail: location, operating status, description of measurements, analytical curves, etc. draw up a history of the data produced by your connected objects, navigate easily through this history and analyze the evolution of values over time The use case\nIn Paris, Trilib stations installed in several areas of the city generate data on waste. The app proposed by Opendatasoft allows to locate these stations on a map. By clicking on a geolocated point, a lateral banner opens to the right of the map, allowing to visualize the filling rates of the buckets, to check if they are active or not, and to browse the history of the data they have produced so far.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Build dynamic and easy to read visualization on your sensors data and connected equipments","objectID":"f8f9709b7602f5344b848f3d2c2c339f","permalink":"https://codelibrary.opendatasoft.com/apps/iot/","relpermalink":"/apps/iot/","section":"Apps","tags":[],"title":"Make your IoT data speak"},{"content":"Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements\nDescription The context\nWhether you are a community or a company, your goal is to provide an ever higher quality of service to your citizens or customers. For that, you need to evaluate the accomplishment of the actions carried out by your organization. These performance indicators reflect your strategic plan objectives, or your municipality’s political program.\nThe service\nOpendatasoft allows you to build a dashboard of performance indicators related to datasets published on your portal. The use of such a tool offers you:\n an understanding of essential metrics to track your achievements, all in one place. the guarantee that your indicators will always be up to date because synchronized with the datasets of your portal. the possibility of creating, for each indicator, pages aggregating editorial contents and data visualizations in order to contextualize, explain and enhance the concrete actions already implemented or being completed. The + ODS: customization from A to Z. Organisation using indicators such as color, icons, progress bars, integration of visuals … your dashboard is fully customizable. It can then perfectly integrate into the range of digital and communication tools used by your organization to highlight your actions, both internally and externally.\nThe use case\nThe city of Paris has built a dashboard of performance indicators using its website’s visual identity. Open to the public, the dashboard is designed around three axes, each represented by a color to facilitate sorting and readability: living together better (pink), the city that benefits everyone (blue) and the construction of tomorrow’s world (green). The municipality has chosen to represent a percentage rate of completion of its service’s actions, accompanied with a progress bar. Each action is contextualized by a page mixing texts, and data visualizations. This page also gives access to the data set’s source used to build the performance indicators. https://indicateurs-parisdata.opendatasoft.com\nRequirements An Opendatasoft platform Preparatory work done on the nature of the indicators to be put forward Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements","objectID":"a892a4a860bfabc62189e4de57001b21","permalink":"https://codelibrary.opendatasoft.com/apps/kpi-dashboard/","relpermalink":"/apps/kpi-dashboard/","section":"Apps","tags":[],"title":"KPI Dashboard"},{"content":"Created by the Ministry of Agriculture, the Alim\u0026rsquo;Confiance app facilitates the sharing of hygiene check results carried out in food establishments.\nDescription The Use Case\nThe General Directorate of Food (DGAL) carries out thousands of health inspections each year in restaurants, bakeries, chocolate makers, supermarkets and other numerous food shops in France. To increase transparency around inspection data and thus enable the population to make an informed choice of where to go to eat, the DGAL has created the Alim\u0026rsquo;Confiance app.\nThe service\nAlim\u0026rsquo;Confiance is a mobile and desktop web app, connected to the Ministry of Agriculture’s data platform, operated by Opendatasoft. It is from there that the app retrieves daily results of new inspections. The app offers a cartographic visualization of all the inspected establishments and makes it possible to filter them by types (glacier, cheesemonger, collective catering, etc.) and by their level of hygiene (from \u0026ldquo;very satisfactory\u0026rdquo; to \u0026ldquo;needs urgent changes\u0026rdquo;). As the results need to be as legible and explicit as possible, a gradual system of smileys has been chosen.\nThe ODS Advantage: a poster to print by the restaurant’s owner. Each inspected establishment is indicated by a pin on the inspection map. By clicking on the marker, a tooltip appears and gives access to a small card that the restaurant owner can print, in the manner of \u0026ldquo;homemade\u0026rdquo; banners used by some restaurants on their menu. The information contained in this printable form is generated automatically and informs the consumer about the level of hygiene, the date and the period of validity of its inspection.\nRequirements An Opendatasoft platform The App See it live on alim-confiance.gouv.fr\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Created by the Ministry of Agriculture, the Alim'Confiance app facilitates the sharing of hygiene check results carried out in food establishments.","objectID":"5835f2697f52214da0c65e4aa53a99ba","permalink":"https://codelibrary.opendatasoft.com/apps/sanitary-inspection/","relpermalink":"/apps/sanitary-inspection/","section":"Apps","tags":[],"title":"Sanitation Inspection Transparency"},{"content":"Enrich your own data with traffic data and observe in real-time the state of traffic across your territory\nDescription The context\nWaze’s Connected Citizens Program promotes pooling resources: Waze provides its partners with real-time data on incidents and trouble zones slowing down traffic as signaled by drivers, while its partners give Waze data in real time on the closures of certain roads, ongoing road work, and major accidents.\nThe service\nTo facilitate the exchange of information between Waze and partner municipalities within the Connected Citizens Program, Opendatasoft has developed a connecter for the Waze API, capable of extracting data from the traffic app to bring them to the platform. Crossing them with traffic data produced by the municipality allows users to establish a near-comprehensive diagnostic on the traffic’s state.\nThe ODS Advantage: historical data. Unless you want to see Waze’s data disappear from one day to another from your platform, it is possible to collect a complete history. You can thus compare the evolution of traffic across, for instance, different days, a bank holiday and a work day, the same day of different weeks, etc.\nThe Use Case\nThe European Metropolis of Lille (MEL) controls its traffic thanks to traffic sensors installed across different zones of the city. Via the Waze connector built by Opendatasoft, the MEL collects traffic data on its platform which is then compared to the data produced by its sensors. This complete and historicized database allows it to:\n More quickly identify problems that may arise in specific streets, so as to then send out emergency intervention services when needed. Anticipate future incidents and traffic blockages to implement preventative solutions. Requirements An Opendatasoft platform Be affiliated with the Waze Connected Citizens Program Get the App The entire application can be found on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Enrich your own data with traffic data and observe in real-time the state of traffic across your territory","objectID":"7be5128dad990c233477e66f0504d4a9","permalink":"https://codelibrary.opendatasoft.com/apps/waze/","relpermalink":"/apps/waze/","section":"Apps","tags":[],"title":"Traffic Diagnostic with Waze"},{"content":"Create alerts on datasets and be notified in real time when an update or a new element is produced\nDescription The context\nYou are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.\nThe service\nTo push alerts to data consumers, the Opendatasoft platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc.\nThe Use Case\nCitilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Opendatasoft platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired.\nRequirements A Zapier account Access to an Opendatasoft dataset catalog, or to the API of an Opendatasoft dataset catalog Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create alerts on datasets and be notified in real time when an update or a new element is produced","objectID":"4fa11bf2093c2db4ae4fc95133b67a4b","permalink":"https://codelibrary.opendatasoft.com/apps/zapier-data/","relpermalink":"/apps/zapier-data/","section":"Apps","tags":[],"title":"Alerts on the State of your Data With Zapier"},{"content":"Send alerts to your users when you perform operation on your data or when critic threshold are reached\nDescription The context\nYou are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.\nThe service\nTo push alerts to data consumers, the Opendatasoft platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc.\nThe Use Case\nCitilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Opendatasoft platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired.\nRequirements A Zapier account Access to an Opendatasoft dataset catalog, or to the API of an Opendatasoft dataset catalog Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Send alerts to your users when you perform operation on your data or when critic threshold are reached","objectID":"1987cf58eeb881b5df564ae87ea83f1e","permalink":"https://codelibrary.opendatasoft.com/apps/zapier-notify/","relpermalink":"/apps/zapier-notify/","section":"Apps","tags":[],"title":"Notify your users on your data updates"},{"content":"Card to highlight a redirection to another page. Different styles are available.\nTips:\n You can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library ","description":"Card to highlight a redirection to another page. Different styles are available.","objectID":"e832ec7f26fa04d28e85030ca19ec09d","permalink":"https://codelibrary.opendatasoft.com/components/access-card/","relpermalink":"/components/access-card/","section":"Components","tags":["navigation","card","redirection"],"title":"Access cards"},{"content":"","description":"Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.","objectID":"0016e22cc17580b54e11ad46dab0eaeb","permalink":"https://codelibrary.opendatasoft.com/components/buttons/","relpermalink":"/components/buttons/","section":"Components","tags":["display","navigation","list"],"title":"Buttons"},{"content":"","description":"A simple contact card for your organization, with a simple pop in for additional contact information.","objectID":"41ee537fddd27e6fa260506d76fd0d50","permalink":"https://codelibrary.opendatasoft.com/components/contact-card/","relpermalink":"/components/contact-card/","section":"Components","tags":["display","navigation","list"],"title":"Contact Cards"},{"content":"Generic card to display your content. Some classes are available to easily style your titles, text and buttons.\n","description":"Generic card to display your content. Some classes are available to easily style your titles, text and buttons.","objectID":"6b3fdf5676aa9cfd676e898efc5684ed","permalink":"https://codelibrary.opendatasoft.com/components/content-card/","relpermalink":"/components/content-card/","section":"Components","tags":["navigation","list"],"title":"Content cards"},{"content":"Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.\n","description":"Custom theme boxes with more flexibility in styling and layout.","objectID":"32aefea643d4ba9d324daf7b724f71ab","permalink":"https://codelibrary.opendatasoft.com/components/custom-theme-boxes/","relpermalink":"/components/custom-theme-boxes/","section":"Components","tags":["display","list","navigation"],"title":"Custom theme boxes"},{"content":"","description":"This module proposes a dropdown menu with a modern look.","objectID":"728fefcbc2f7c7f8f9e71420dee3d8f8","permalink":"https://codelibrary.opendatasoft.com/components/dropdown-module/","relpermalink":"/components/dropdown-module/","section":"Components","tags":["display","navigation","list","filter"],"title":"Dropdown module"},{"content":"","description":"An horizontal or vertical drawer/accordion for interactive dashboards with filters. Hidden by default and available on demand to offer more visibility.","objectID":"8156a408ecd9e4bf5516ea747293ff29","permalink":"https://codelibrary.opendatasoft.com/components/filters/","relpermalink":"/components/filters/","section":"Components","tags":["filter"],"title":"Filters"},{"content":"","description":"Import Icon libraries from the web into your portal to enrich your pages with thousands of icons","objectID":"8e28c16e7384267b713c417bcd00fa6c","permalink":"https://codelibrary.opendatasoft.com/components/icons/","relpermalink":"/components/icons/","section":"Components","tags":[],"title":"Icons"},{"content":"","description":"A card with an image background, useful for home page navigation and sections.","objectID":"79d38ab15dfd7e9eec4a15949f7ed9fc","permalink":"https://codelibrary.opendatasoft.com/components/image-card/","relpermalink":"/components/image-card/","section":"Components","tags":["display","navigation","list"],"title":"Image cards"},{"content":"","description":"KPI cards, to display aggregation and values.","objectID":"5d8f0b996727da1a32600129b1d5e123","permalink":"https://codelibrary.opendatasoft.com/components/kpis/","relpermalink":"/components/kpis/","section":"Components","tags":["display","navigation","list","aggregation"],"title":"KPIs"},{"content":"These cards are meant to be themed using only the following variables:\n --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.\nThese cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.\nAll cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.\nThose cards follow the material design guidelines. If you need to build your page around those cards, visit https://www.material.io.\n","description":"Cards with minimalistic customization of widget that you can theme with colors","objectID":"70b771b99cb1e6178cb5482492a028ce","permalink":"https://codelibrary.opendatasoft.com/components/material-themed-cards/","relpermalink":"/components/material-themed-cards/","section":"Components","tags":["display","navigation","list"],"title":"Material themed cards"},{"content":"Show the ods-searchbox widget alongside a \u0026ldquo;search\u0026rdquo; button and a title. Below there\u0026rsquo;s a stand-alone version and a version inside a card.\n","description":"A stylized search box that allows searching for datasets in the catalog.","objectID":"ded49bd7af75832ef960f6cdef4a3c67","permalink":"https://codelibrary.opendatasoft.com/components/search-box/","relpermalink":"/components/search-box/","section":"Components","tags":["navigation"],"title":"Search box"},{"content":"","description":"This module is a stylised search bar with a modern look.","objectID":"45f53d8b83c38eaa7f5e158542c830ff","permalink":"https://codelibrary.opendatasoft.com/components/search-module/","relpermalink":"/components/search-module/","section":"Components","tags":["navigation"],"title":"Search module"},{"content":"Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.\nTo make an element sticky, you need to add the following CSS:\nposition: sticky; top: 0;\n","description":"Sticky content will stay positioned once the user scrolls past it.","objectID":"c55cbd2fa4c82504e3ad091c24f7d077","permalink":"https://codelibrary.opendatasoft.com/components/sticky-header/","relpermalink":"/components/sticky-header/","section":"Components","tags":["navigation"],"title":"Sticky header"},{"content":"A switch is a visual toggle between two mutually exclusive states — on and off.\nCheck the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!\n","description":"A switch is a visual toggle between two mutually exclusive states — on and off.","objectID":"ef3b5453529f94b664ae692f558bb466","permalink":"https://codelibrary.opendatasoft.com/components/switch-toggle/","relpermalink":"/components/switch-toggle/","section":"Components","tags":["display"],"title":"Switch Module"},{"content":"","description":"This module proposes various uses and functionalities for a table with minimalistic styling.","objectID":"9ffd7f0b4b434acecf23afc9545228a9","permalink":"https://codelibrary.opendatasoft.com/components/table-module/","relpermalink":"/components/table-module/","section":"Components","tags":["display","list"],"title":"Table module"},{"content":"","description":"This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves","objectID":"f62693e125d7db791d7aa0e4021f42d1","permalink":"https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/","relpermalink":"/custom-views/custom-view-generator/","section":"Custom views","tags":["display","navigation","list"],"title":"Custom view Generator"},{"content":"This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn\u0026rsquo;t require any ods-dataset-context widget. Read the user\u0026rsquo;s guide section about custom views for details.\n","description":"Overview of all datasets of the domain","objectID":"5c5fe2623e80923d8e28aa5d8cb0ca6b","permalink":"https://codelibrary.opendatasoft.com/custom-views/domain-dataset/","relpermalink":"/custom-views/domain-dataset/","section":"Custom views","title":"Domain Datasets"},{"content":"See it live here !\n","description":"Eco-Counter custom view for Opendatasoft integration: an overall view of your territory through Eco-Counter stations data.","objectID":"603f394f1eeee6718ff572a6a09d5d6f","permalink":"https://codelibrary.opendatasoft.com/custom-views/eco-compteur/","relpermalink":"/custom-views/eco-compteur/","section":"Custom views","tags":["aggregation","chart","ods-adv-analysis"],"title":"Eco-Counter / Eco-Compteur"},{"content":"This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.\n","description":"","objectID":"e5a4fe3f32faa88295a19c72fda8f39b","permalink":"https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/","relpermalink":"/custom-views/gtfs-custom/","section":"Custom views","tags":["map"],"title":"GTFS Custom View"},{"content":"","description":"This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset.","objectID":"3e3f034f1b574beddecda121bb8e3190","permalink":"https://codelibrary.opendatasoft.com/generators/comparison-generator/","relpermalink":"/generators/comparison-generator/","section":"Generators","tags":["display","navigation","filter","chart"],"title":"Comparison Generator"},{"content":"","description":"This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves","objectID":"083f7f652edb7962910236a241b54b06","permalink":"https://codelibrary.opendatasoft.com/generators/custom-view-generator/","relpermalink":"/generators/custom-view-generator/","section":"Generators","tags":["display","navigation","list"],"title":"Custom view Generator"},{"content":"Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.\n","description":"Ideal for Point of Interest datasets! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"b1e270e0e8f4155fe66f962cbc7e3d3b","permalink":"https://codelibrary.opendatasoft.com/generators/fullscreen-map/","relpermalink":"/generators/fullscreen-map/","section":"Generators","tags":["display","geo"],"title":"Full screen Map Generator"},{"content":" EXPERIMENTAL\n This generator builds a KPI wall.\nWith specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.\nLike any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc\u0026hellip;\nAs the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.\n","description":"","objectID":"a3b988fb2eff7dccccdd25dcadbfd9cf","permalink":"https://codelibrary.opendatasoft.com/generators/kpi-generator/","relpermalink":"/generators/kpi-generator/","section":"Generators","tags":["display","aggregation"],"title":"KPI Generator"},{"content":" The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn\u0026rsquo;t suit your needs (and therefor won\u0026rsquo;t provide support if you still try to modified it)\n Find the complete documentation at the end of this page\n","description":"Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"4d4b5166e3b45d61a6eaf5d4375ab2c0","permalink":"https://codelibrary.opendatasoft.com/generators/listing-generator/","relpermalink":"/generators/listing-generator/","section":"Generators","tags":["display","navigation","list"],"title":"Listing Generator"},{"content":" Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.\n Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.\n","description":"Ideal for listing geographical information! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"8e5ba400f5a1a5dd5fdf2ae0e1be6fae","permalink":"https://codelibrary.opendatasoft.com/generators/map-listing/","relpermalink":"/generators/map-listing/","section":"Generators","tags":["display","list","geo"],"title":"Map Listing Generator"},{"content":"This resource introduces a CSS Grid framework based on CSS Grid layout system.\n It\u0026rsquo;s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.\n CSS Grid is the most modern and performant way to structure pages.\nA framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.\nThis framework covers :\n the split into 12 columns the row positioning the ordering of elements Note: this framework is used by ODS Labs team for some resources. It is not intended to replace ODS default layout already used in pages. You should also consider that CSS Grid layout or Flexbox are already available in every browser and can directly be used on the platform without any required framework.\n ","description":"","objectID":"da2b7c53c6ae319d13f9de337c38ada2","permalink":"https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/","relpermalink":"/page-templates/css-grid-framework/","section":"Page templates","tags":["display"],"title":"CSS Grid Framework"},{"content":"This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.\n","description":"A dashboard template to display KPIs and charts, with filters","objectID":"c333f7a8c930ea4403572b856669d851","permalink":"https://codelibrary.opendatasoft.com/page-templates/dashboard-filter/","relpermalink":"/page-templates/dashboard-filter/","section":"Page templates","tags":["display"],"title":"Dashboard with filters"},{"content":"These resources are split into 2 main parts\n Resources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource.\nODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here.\nCSS Grid framework refer to some custom CSS classes that over-rides CSS Grid layout. It\u0026rsquo;s mainly suitable for expert users only that are looking for more advanced layouts such as grids and multiple rows designs. We strongly encourage you to have a look to the CSS Grid framework resource before using it. And be assured that your needs really justify the use of this advanced layout system.\n","description":"Different layouts for simple to advanced usages.","objectID":"cc8e533d415836101917b9fcfdf7c056","permalink":"https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/","relpermalink":"/page-templates/dashboard-layouts/","section":"Page templates","tags":["display"],"title":"Dashboard layouts"},{"content":"There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.\nThe second one, more advanced, built with the CSS Grid framework layout, for specific usages only.\n","description":"A dashboard template to display KPIs and charts.","objectID":"7354498039095746fc4a0f2431b7d926","permalink":"https://codelibrary.opendatasoft.com/page-templates/dashboard/","relpermalink":"/page-templates/dashboard/","section":"Page templates","tags":["display"],"title":"Dashboard"},{"content":"Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.\n","description":"Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.","objectID":"d36e002ffbcde5172e3d0360cd3b0380","permalink":"https://codelibrary.opendatasoft.com/page-templates/datastory/","relpermalink":"/page-templates/datastory/","section":"Page templates","tags":["display"],"title":"Data Story"},{"content":"This template is a mixture of the Listing page template and the Access Cards component. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.\nIt offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.\nThis ressource integrates the following widgets:\n ods-select to create the filters on text fields. Resource available here ods-adv-analysis to create KPI. Resource available here ods-date-range-slider to create a date selector. It is deactivated by default. Resource available here ods-results to list the content of the records from the dataset. Resource available here ","description":"A page template to display data visualizations on your portal.","objectID":"f449fc86bac162c80b93face086381f0","permalink":"https://codelibrary.opendatasoft.com/page-templates/dataviz-gallery/","relpermalink":"/page-templates/dataviz-gallery/","section":"Page templates","tags":["display"],"title":"Dataviz gallery page"},{"content":"","description":"When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map","objectID":"4e859290cf068aa30c66f8f079aaaba2","permalink":"https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/","relpermalink":"/page-templates/fullscreen-map/","section":"Page templates","tags":["display","ods-maps","geo"],"title":"Fullscreen map with filters"},{"content":"","description":"A home page for your Opendatasoft portal, alternative 1","objectID":"647ad308f0474e1e451abb9e08492b60","permalink":"https://codelibrary.opendatasoft.com/page-templates/home-1/","relpermalink":"/page-templates/home-1/","section":"Page templates","tags":["display","navigation"],"title":"Home page 1"},{"content":"","description":"An home page for your Opendatasoft portal, alternative 2","objectID":"0ca4ac7c01fd57eb72dd54ba2c2d8086","permalink":"https://codelibrary.opendatasoft.com/page-templates/home-2/","relpermalink":"/page-templates/home-2/","section":"Page templates","tags":["display","navigation"],"title":"Home page 2"},{"content":"","description":"A home page for your Opendatasoft portal, alternative 3","objectID":"b467c253ca1032ec36ffe53c4eafc308","permalink":"https://codelibrary.opendatasoft.com/page-templates/home-3/","relpermalink":"/page-templates/home-3/","section":"Page templates","tags":["display","navigation"],"title":"Home page 3"},{"content":"This home page integrates the first version of the component Access cards to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.\nTips\n You can use another version of the access cards by replacing the HTML between the comments \u0026lt;!--Start Access Card --\u0026gt; and \u0026lt;!--End Access Card --\u0026gt; and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/ You can change the background image of the access cards in the HTML file You can change the arrow icon of the access card with another icon from the Fontawesome Library ","description":"A home page for your Opendatasoft portal, with access cards","objectID":"22d5d70463c728efc66d011813bcca2b","permalink":"https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/","relpermalink":"/page-templates/home-4-access-cards/","section":"Page templates","tags":["display","navigation"],"title":"Home page 4 with access cards"},{"content":"","description":"A template version of the listing generator, for the users who want to add more customization to the automated version.","objectID":"a476acd3cb01526dcfbc536f6b89e813","permalink":"https://codelibrary.opendatasoft.com/page-templates/listing-page/","relpermalink":"/page-templates/listing-page/","section":"Page templates","tags":["display","list"],"title":"Listing page"},{"content":"","description":"Use the map as a selector then display additional information on the side or hover the map. This template is a nice alternative for map tooltips","objectID":"63af6c39f974f8dffff34c45e2dd496f","permalink":"https://codelibrary.opendatasoft.com/page-templates/map-refine/","relpermalink":"/page-templates/map-refine/","section":"Page templates","tags":["ods-maps","filter"],"title":"Map \u0026 Refine"},{"content":"This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.\nNote: Since monitoring data are private, we use a dummy dataset in this example.\n","description":"","objectID":"f110b1eb9a441f89efeae8c99bb62c10","permalink":"https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/","relpermalink":"/page-templates/monitoring-dashboard/","section":"Page templates","tags":["display","navigation","list"],"title":"Monitoring Dashboard"},{"content":"","description":"A good starting point to narrate a story with your data, or simply publish a nice looking dashboard","objectID":"1aac171f2b79ef1bd68f435f2c1d3719","permalink":"https://codelibrary.opendatasoft.com/page-templates/observatory/","relpermalink":"/page-templates/observatory/","section":"Page templates","tags":["display","aggregation","filter"],"title":"Observatory"},{"content":"This resource is an over-ride of ODS default layout system by transforming a row and it\u0026rsquo;s children into a Flexbox layout.\nFlexbox brings two major benefits compared to the actual layout :\n Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource !\n","description":"","objectID":"6071da08d20c769f0f3072f2b29530cf","permalink":"https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/","relpermalink":"/page-templates/ods-layout-over-ride/","section":"Page templates","tags":["display"],"title":"ODS Layout over-ride"},{"content":"","description":"A dedicated dashboard for local COVID-19 data.","objectID":"bccd8c76cd8c9865eb16a7d38d4d5a00","permalink":"https://codelibrary.opendatasoft.com/page-templates/regional-covid/","relpermalink":"/page-templates/regional-covid/","section":"Page templates","tags":["display"],"title":"Regional COVID-19 Dashboard"},{"content":"","description":"Present your timed data as a continuous timeline","objectID":"221349b6ebe5c3b9b9a8e8e8e609b3c4","permalink":"https://codelibrary.opendatasoft.com/page-templates/timeline/","relpermalink":"/page-templates/timeline/","section":"Page templates","tags":["display","list"],"title":"Timeline"},{"content":"","description":"An Opendatasoft theme, when your business identity contains dominant colors","objectID":"95aa45f05918e18a1a80d0a108ac2aec","permalink":"https://codelibrary.opendatasoft.com/portal-themes/color/","relpermalink":"/portal-themes/color/","section":"Portal themes","tags":[],"title":"Colored theme"},{"content":"","description":"An Opendatasoft theme, with dark header to keep it sober","objectID":"8ce26369058ee2a45db98c27579aa145","permalink":"https://codelibrary.opendatasoft.com/portal-themes/dark/","relpermalink":"/portal-themes/dark/","section":"Portal themes","tags":[],"title":"Dark theme"},{"content":"Important note\nBy using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (https://yourdomain.opendatasoft.com/backoffice/customization/navigation/). These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code.\nMoreover, you will not be able to have a specific CSS class for the active items (no background/underline effect on an item title to highlight the active page).\n","description":"A dropdown menu specifically designed for ODS portal headers","objectID":"d3240b41918538300edacbd4d40219bb","permalink":"https://codelibrary.opendatasoft.com/portal-themes/dropdown-menu/","relpermalink":"/portal-themes/dropdown-menu/","section":"Portal themes","tags":[],"title":"Dropdown menu for portal headers"},{"content":"","description":"An Opendatasoft theme, with white header to keep it classic and light","objectID":"f2f16c139d90dd5e3eec793cd8c27063","permalink":"https://codelibrary.opendatasoft.com/portal-themes/light/","relpermalink":"/portal-themes/light/","section":"Portal themes","tags":[],"title":"Light theme"},{"content":"Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.\n3 parameters must be declared in the code:\n agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:\n --left-color --right-color Note: the display values toggle is optional and can be removed. Then, simply set the displayvalues to true or false, to display values on each side or not.\n ","description":"","objectID":"b662759ed5cfdd412543da7e24c2e178","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/","relpermalink":"/widget-tricks/age-pyramid-custom/","section":"Widget tricks","tags":["display","chart","ods-adv-analysis","ods-aggregation","ods-subaggregation"],"title":"Age Pyramid with custom HTML/CSS"},{"content":"","description":"Animate your data-visualisation (KPIs, Gauge) with ods-timer.","objectID":"782aa727300ca547bf59d97f64a28677","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/animation/","relpermalink":"/widget-tricks/animation/","section":"Widget tricks","tags":["display","chart","aggregation"],"title":"Animations"},{"content":"The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).\nThe platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.\n","description":"Override default catalog cards to highlight key metadata for your business","objectID":"b2dab4ba537bbfa229de5f76949ac944","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/","relpermalink":"/widget-tricks/catalog-cards/","section":"Widget tricks","tags":["list","display","navigation"],"title":"Custom catalog card"},{"content":"","description":"An overview of ods-chart capabilities by type of chart","objectID":"6130b8e6c4302f5909110387a171cc49","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/charts/","relpermalink":"/widget-tricks/charts/","section":"Widget tricks","tags":["chart","aggregation"],"title":"Chart samples"},{"content":"These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.\n","description":"","objectID":"f02f5560c78061d31f9650389489722e","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/","relpermalink":"/widget-tricks/custom-tooltips/","section":"Widget tricks","tags":["map"],"title":"Custom Tooltips"},{"content":"","description":"Date tricks with ods-timerange and angular filters. Different ways to handle dates with ods date picker","objectID":"c4c77fc31c1e2a6352cb37e0123aab2f","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/dates/","relpermalink":"/widget-tricks/dates/","section":"Widget tricks","tags":["date","filter"],"title":"Dates"},{"content":"","description":"Use chart to refine your page, and go deeper in your analysis step by step","objectID":"0019a8139167b982ed2e6bd7527b5197","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/drill-down/","relpermalink":"/widget-tricks/drill-down/","section":"Widget tricks","tags":["navigation","chart","filter"],"title":"Drill-down refine in charts"},{"content":" !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here\n ","description":"Display your facets and filters in a list with simple HTML selects","objectID":"9c904eb7547b6036fc98440bd18b8cdb","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/","relpermalink":"/widget-tricks/filter-as-list/","section":"Widget tricks","tags":["display","navigation","list","filter"],"title":"Filters as an HTML Select"},{"content":" We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here\n Keep in mind that, for heatmaps or bubblemaps, you\u0026rsquo;ll need to adapt the display depending on the values, axis, and legends.\nFor example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.\n","description":"Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML","objectID":"416badf02b85615868fc0dc9400fcc91","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/","relpermalink":"/widget-tricks/heatmaps-custom/","section":"Widget tricks","tags":["display","ods-analysis","aggregation"],"title":"Heatmaps with CSS Grid"},{"content":"The ods-adv-analysis widget exposes the results of an aggregation function over a context. It uses the ODS Explore API V2 and its ODSQL language.\nods-adv-analysis documentation\n","description":"Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2.","objectID":"1e8f0ca51667c06c0c5f97dc89c632db","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-adv-analysis/","relpermalink":"/widget-tricks/ods-adv-analysis/","section":"Widget tricks","tags":["aggregation"],"title":"ods-adv-analysis"},{"content":"The technical documentation says :\nThis widget exposes the results of an aggregation function over a context\u0026hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML.\nMore concretely :\nIt computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc\u0026hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset.\n","description":"Various examples to showcase ods-aggregation. This widget exposes the results of an aggregation (sum, average, minimum, maximum etc...) function.","objectID":"a7fcc47eeed632e67f176435893a077c","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/","relpermalink":"/widget-tricks/ods-aggregation/","section":"Widget tricks","tags":["aggregation","ods-aggregation"],"title":"ods-aggregation"},{"content":"The technical documentation says :\nThis widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS\u0026rsquo;s ngRepeat to simply build a table of analysis results.\nNormal people would say :\nOds-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !\nThe syntax is different, but options and parameters are pretty similar. You have a context, an X axis, you define series, optionnaly you sort the results. To conclude, we can say that : ods-analysis is the low level widget of ods-chart, its underlying layer !\n","description":"Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis.","objectID":"cc16d3583037c57e2bcda019faaa9333","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/","relpermalink":"/widget-tricks/ods-analysis/","section":"Widget tricks","tags":["ods-analysis","aggregation","chart","display"],"title":"ods-analysis, quick intro"},{"content":"","description":"Various CSS tricks to override you ods-chart visualisations.","objectID":"61559b8e3db94beb3c992b5db835a0f6","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/","relpermalink":"/widget-tricks/ods-chart-css-hacks/","section":"Widget tricks","tags":["display","chart"],"title":"ods-chart: CSS Hacks"},{"content":"","description":"A custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag.","objectID":"0673d238b4427ee5924caa0c493a332e","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/","relpermalink":"/widget-tricks/ods-chart-css-library/","section":"Widget tricks","tags":["display","chart"],"title":"ods-chart: Custom CSS Library"},{"content":"This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.\nOne dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).\nThe technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.\nBig advantages are mainly to not overweight the statistical dataset by a processing join and storing multiple times the same geo shape in the data. and secondly to choose the geographical granularity or administrative level only when you render the map. A same statistical dataset can now be rendered with several geographical referentials as long as it contains all the needed keys, codes or names to match the geographical shapes.\nFor example: inhabitant dataset of a country can be rendered by region, departement, cities and so on as long as you have the geographical dataset of each administrative layers.\nHow it works: the technique is to aggregate the data with the ods-color-gradient to obtain the color gradient as a color object. Then feed an ods-map with this color object.\nMore technical and mathematical information on ods-color-gradient algorithm here\n","description":"This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes.","objectID":"60c773af58b46baa677f88a601ece01a","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/","relpermalink":"/widget-tricks/ods-color-gradient/","section":"Widget tricks","tags":["display","aggregation","geo"],"title":"ods-color-gradient + ods-map : a choropleth alternative"},{"content":"","description":"From and to selectors to easily catch a range of date for your dashboards.","objectID":"d42f833808381d1471eb4adb8a56a7c9","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/","relpermalink":"/widget-tricks/ods-date-range-slider/","section":"Widget tricks","tags":["list","filter"],"title":"ods-date-range-slider"},{"content":"","description":"ods-map with legends from the map builder with additional CSS to provide some alternative to default display","objectID":"39300ed901271812e9dad1cb019ba58f","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/","relpermalink":"/widget-tricks/ods-map-css/","section":"Widget tricks","tags":["display","ods-maps","geo"],"title":"ods-map: CSS Hacks"},{"content":"","description":"Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom","objectID":"498aa117c22b7e4cdb79784319402f0b","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/","relpermalink":"/widget-tricks/ods-map-tricks/","section":"Widget tricks","tags":["ods-maps","map","geo","filter","display"],"title":"ods-map: Refine \u0026 Zoom"},{"content":"Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.\n","description":"Display content in a pop-in window.","objectID":"0577c52b47bac382f7e1a220615655a3","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/","relpermalink":"/widget-tricks/ods-pop-in/","section":"Widget tricks","tags":["display"],"title":"ods-pop-in variants"},{"content":"ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.\nods-results widget documentation\nSeveral Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.\n","description":"Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards.","objectID":"ee30ea5f80d575ddb98fd1ca06908ed9","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-results/","relpermalink":"/widget-tricks/ods-results/","section":"Widget tricks","tags":["display","list"],"title":"ods-results"},{"content":"ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.\nods-select widget documentation\n","description":"ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.","objectID":"aac1e445dfd9cb9a109a807df6ab3e08","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-select/","relpermalink":"/widget-tricks/ods-select/","section":"Widget tricks","tags":["display","navigation","list"],"title":"ods-select"},{"content":"The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.\n","description":"Style and layout suggestions for the ods-simple-tabs widget.","objectID":"c010d3c9dc90308e35922fe644f0ff17","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/","relpermalink":"/widget-tricks/ods-simple-tabs/","section":"Widget tricks","tags":["display","navigation"],"title":"ods-simple-tabs"},{"content":"","description":"It highlights \"urlsync\" parameter. It allows users to copy and share the URL with all applied filters and query.","objectID":"bd85451a63afd80c550c8674f3cb525a","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/share-print/","relpermalink":"/widget-tricks/share-print/","section":"Widget tricks","tags":["display"],"title":"Share and print"},{"content":"When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.\nIn this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.\n","description":"How to create fast analytics maps based on SVG static files and data aggregation.","objectID":"83cd1b09633af823998053f9fa3404c5","permalink":"https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/","relpermalink":"/widget-tricks/svg-maps/","section":"Widget tricks","tags":["geo","aggregation","display"],"title":"Static maps, a quick introduction"}]
\ No newline at end of file
+[{"content":"Save school officials time: give them a printable menu model containing up-to-date information\nDescription The context\nFrench schools display their canteen menus each week either so that it can be read by students and their parents. In the majority of cases, the municipality sets the composition of the meals then sends the information to school establishments who then have to reprocess the information into a spreadsheet or a word processor in order to then print and display it.\nThe service\nTo help agents avoid repeating this task, Opendatasoft has created a model menu page that automatically generates the information from a dataset “school canteen menus”.\nThe ODS Advantage: the platform’s filters. They enable you to choose the elements to show on the menu. Data that is only useful to territorial agents do not need to be displayed on documents destined to the public.\nThe Use Case\nRennes Metropolis offers its schools a ready-to-print menu page for which the text is generated from a dataset updated by the General Canteen Service. Thanks to the platform’s filters, allergens and organic ingredients are highlighted with specific colors. The dataset includes the menus for the ongoing, past, and following weeks, allowing schools to anticipate the preparation of the menus displayed.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Save school officials time: give them a printable menu model containing up-to-date information","objectID":"c252414e4f8c0e97b0e5550c13b3a52a","permalink":"http://localhost:1313/apps/canteen/","relpermalink":"/apps/canteen/","section":"Apps","tags":[],"title":"School Canteen Menu Displays"},{"content":"Create a live COVID-19 for your county, city etc. with local data.\nDescription The context\nYou have a regularly updated source of data about COVID-19 for your region (e.g. County or City) that that reflects information not available nationwide. You want to keep the population updated on the number of cases, the number of occupied hospital beds etc. in their surroundings. You want to make the data available for nation-wide aggregation.\nThe service\nThis page aggregates a number of indicators, with key figures, maps, tables etc. that allows to share detailed data with a simple visualization. All the aggregated data by day, by zipcode, by gender etc. are pre-configured.\nRequirements An Opendatasoft platform A dataset with records on COVID for every date and possibly split by gender, age etc. Get the App Get the code on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create a live COVID-19 for your county, city etc. with local data.","objectID":"9a57dc0acda28cc990e32f4cf51704d7","permalink":"http://localhost:1313/apps/covid-us-counties/","relpermalink":"/apps/covid-us-counties/","section":"Apps","tags":[],"title":"COVID-19 for US Counties"},{"content":"Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.\nDescription The context\nElections are always a highlight for you and your constituents. To make your citizens want to follow the details of the live votes on your portal and facilitate the understanding of the results, you will need to offer them legible and engaging content.\nThe service\nWith Opendatasoft, it is possible to compare different fields of the same dataset or several datasets together. The visual representation of these combined and filtered data allows you to offer your community a comparative view of the distribution of votes by district, municipality or constituency.\nThe Use Case\nLike the metropolis of Rennes, build an electoral map of your territory so that your citizens can view this information by polling station. They can understand how voters vote in their neighborhood and observe disparities with other areas of the municipality.\nLike the Hauts-de-Seine, guide your citizens in reading the voting results. The regional department has built an infographic containing data on the legislative and presidential elections since 1993. Filter buttons allow the user to choose the election that interests them, then to display the results (elected candidates, non-elected candidates, participation rate, number of invalid ballots, etc.) per constituency or municipality.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.","objectID":"e5607476061ed5058947b7f9427f46f6","permalink":"http://localhost:1313/apps/election/","relpermalink":"/apps/election/","section":"Apps","tags":[],"title":"Election Results Visualization"},{"content":"Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.\nDescription The context\nYou are preparing a survey and you need to visualize the results in a legible and structured way, as well as enrich them with other data. Google Form allows easy collection of these results, but not their advanced visualization or comparison with other data. Integrating Google Form with the Opendatasoft platform can help you take advantage of both tools.\nThe service\nWhen you create a survey with Google Form, the answers are collected in a spreadsheet that updates as people respond. This spreadsheet can be shared via a URL of its own. All you need to do is set this URL as the source for publishing a new dataset. This will be updated in real time as soon as a new person responds to the survey. You will then be able to take advantage of the data visualization and comparison features offered by the platform to display the results of your survey in the most comprehensive and understandable way possible.\nRequirements A Google Account An Opendatasoft platform Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.","objectID":"1cbcf17f1b8696da21459223a89f7587","permalink":"http://localhost:1313/apps/google-form/","relpermalink":"/apps/google-form/","section":"Apps","tags":[],"title":"Google Form Survey Results Visualization"},{"content":"Build dynamic and easy to read visualization on your sensors data and connected equipments\nDescription The context\nSmart sorting bins and energy meters, traffic surveillance cameras, fleets of geolocated vehicles … the connected equipment is multiplying within the territories, producing a considerable amount of data in real time. Gross, voluminous and complex, this IoT data often remains indecipherable for the human eye.\nThe service\nOpendatasoft provides you with a visualization model fully designed to represent, understand and analyze all your IoT data, regardless of their source and format. This app allows you to:\nmap all of your sensors to monitor their operating status and supervise their activity simply and visually restore the raw data collected by your sensors, offering several levels of detail: location, operating status, description of measurements, analytical curves, etc. draw up a history of the data produced by your connected objects, navigate easily through this history and analyze the evolution of values over time The use case\nIn Paris, Trilib stations installed in several areas of the city generate data on waste. The app proposed by Opendatasoft allows to locate these stations on a map. By clicking on a geolocated point, a lateral banner opens to the right of the map, allowing to visualize the filling rates of the buckets, to check if they are active or not, and to browse the history of the data they have produced so far.\nRequirements An Opendatasoft platform Get the App Get the code on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Build dynamic and easy to read visualization on your sensors data and connected equipments","objectID":"f8f9709b7602f5344b848f3d2c2c339f","permalink":"http://localhost:1313/apps/iot/","relpermalink":"/apps/iot/","section":"Apps","tags":[],"title":"Make your IoT data speak"},{"content":"Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements\nDescription The context\nWhether you are a community or a company, your goal is to provide an ever higher quality of service to your citizens or customers. For that, you need to evaluate the accomplishment of the actions carried out by your organization. These performance indicators reflect your strategic plan objectives, or your municipality’s political program.\nThe service\nOpendatasoft allows you to build a dashboard of performance indicators related to datasets published on your portal. The use of such a tool offers you:\nan understanding of essential metrics to track your achievements, all in one place. the guarantee that your indicators will always be up to date because synchronized with the datasets of your portal. the possibility of creating, for each indicator, pages aggregating editorial contents and data visualizations in order to contextualize, explain and enhance the concrete actions already implemented or being completed. The + ODS: customization from A to Z. Organisation using indicators such as color, icons, progress bars, integration of visuals … your dashboard is fully customizable. It can then perfectly integrate into the range of digital and communication tools used by your organization to highlight your actions, both internally and externally.\nThe use case\nThe city of Paris has built a dashboard of performance indicators using its website’s visual identity. Open to the public, the dashboard is designed around three axes, each represented by a color to facilitate sorting and readability: living together better (pink), the city that benefits everyone (blue) and the construction of tomorrow’s world (green). The municipality has chosen to represent a percentage rate of completion of its service’s actions, accompanied with a progress bar. Each action is contextualized by a page mixing texts, and data visualizations. This page also gives access to the data set’s source used to build the performance indicators. https://indicateurs-parisdata.opendatasoft.com\nRequirements An Opendatasoft platform Preparatory work done on the nature of the indicators to be put forward Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements","objectID":"a892a4a860bfabc62189e4de57001b21","permalink":"http://localhost:1313/apps/kpi-dashboard/","relpermalink":"/apps/kpi-dashboard/","section":"Apps","tags":[],"title":"KPI Dashboard"},{"content":"Created by the Ministry of Agriculture, the Alim\u0026rsquo;Confiance app facilitates the sharing of hygiene check results carried out in food establishments.\nDescription The Use Case\nThe General Directorate of Food (DGAL) carries out thousands of health inspections each year in restaurants, bakeries, chocolate makers, supermarkets and other numerous food shops in France. To increase transparency around inspection data and thus enable the population to make an informed choice of where to go to eat, the DGAL has created the Alim\u0026rsquo;Confiance app.\nThe service\nAlim\u0026rsquo;Confiance is a mobile and desktop web app, connected to the Ministry of Agriculture’s data platform, operated by Opendatasoft. It is from there that the app retrieves daily results of new inspections. The app offers a cartographic visualization of all the inspected establishments and makes it possible to filter them by types (glacier, cheesemonger, collective catering, etc.) and by their level of hygiene (from \u0026ldquo;very satisfactory\u0026rdquo; to \u0026ldquo;needs urgent changes\u0026rdquo;). As the results need to be as legible and explicit as possible, a gradual system of smileys has been chosen.\nThe ODS Advantage: a poster to print by the restaurant’s owner. Each inspected establishment is indicated by a pin on the inspection map. By clicking on the marker, a tooltip appears and gives access to a small card that the restaurant owner can print, in the manner of \u0026ldquo;homemade\u0026rdquo; banners used by some restaurants on their menu. The information contained in this printable form is generated automatically and informs the consumer about the level of hygiene, the date and the period of validity of its inspection.\nRequirements An Opendatasoft platform The App See it live on alim-confiance.gouv.fr\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Created by the Ministry of Agriculture, the Alim'Confiance app facilitates the sharing of hygiene check results carried out in food establishments.","objectID":"5835f2697f52214da0c65e4aa53a99ba","permalink":"http://localhost:1313/apps/sanitary-inspection/","relpermalink":"/apps/sanitary-inspection/","section":"Apps","tags":[],"title":"Sanitation Inspection Transparency"},{"content":"Enrich your own data with traffic data and observe in real-time the state of traffic across your territory\nDescription The context\nWaze’s Connected Citizens Program promotes pooling resources: Waze provides its partners with real-time data on incidents and trouble zones slowing down traffic as signaled by drivers, while its partners give Waze data in real time on the closures of certain roads, ongoing road work, and major accidents.\nThe service\nTo facilitate the exchange of information between Waze and partner municipalities within the Connected Citizens Program, Opendatasoft has developed a connecter for the Waze API, capable of extracting data from the traffic app to bring them to the platform. Crossing them with traffic data produced by the municipality allows users to establish a near-comprehensive diagnostic on the traffic’s state.\nThe ODS Advantage: historical data. Unless you want to see Waze’s data disappear from one day to another from your platform, it is possible to collect a complete history. You can thus compare the evolution of traffic across, for instance, different days, a bank holiday and a work day, the same day of different weeks, etc.\nThe Use Case\nThe European Metropolis of Lille (MEL) controls its traffic thanks to traffic sensors installed across different zones of the city. Via the Waze connector built by Opendatasoft, the MEL collects traffic data on its platform which is then compared to the data produced by its sensors. This complete and historicized database allows it to:\nMore quickly identify problems that may arise in specific streets, so as to then send out emergency intervention services when needed. Anticipate future incidents and traffic blockages to implement preventative solutions. Requirements An Opendatasoft platform Be affiliated with the Waze Connected Citizens Program Get the App The entire application can be found on Github\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Enrich your own data with traffic data and observe in real-time the state of traffic across your territory","objectID":"7be5128dad990c233477e66f0504d4a9","permalink":"http://localhost:1313/apps/waze/","relpermalink":"/apps/waze/","section":"Apps","tags":[],"title":"Traffic Diagnostic with Waze"},{"content":"Create alerts on datasets and be notified in real time when an update or a new element is produced\nDescription The context\nYou are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.\nThe service\nTo push alerts to data consumers, the Opendatasoft platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc.\nThe Use Case\nCitilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Opendatasoft platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired.\nRequirements A Zapier account Access to an Opendatasoft dataset catalog, or to the API of an Opendatasoft dataset catalog Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Create alerts on datasets and be notified in real time when an update or a new element is produced","objectID":"4fa11bf2093c2db4ae4fc95133b67a4b","permalink":"http://localhost:1313/apps/zapier-data/","relpermalink":"/apps/zapier-data/","section":"Apps","tags":[],"title":"Alerts on the State of your Data With Zapier"},{"content":"Send alerts to your users when you perform operation on your data or when critic threshold are reached\nDescription The context\nYou are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.\nThe service\nTo push alerts to data consumers, the Opendatasoft platform integrated the tool Zapier, directly connected to our API. Zapier allows you to program notifications linked to the life cycle of the data you follow. You can choose to receive these alerts via different media: email, text message, Slack, etc.\nThe Use Case\nCitilog, a world leader in road traffic monitoring and surveillance, manages the data collected from its cameras through the Opendatasoft platform. To help with their regular operations and improve their maintenance, the company has set up Zapier alerts in the event of an anomaly, and when a camera is being repaired.\nRequirements A Zapier account Access to an Opendatasoft dataset catalog, or to the API of an Opendatasoft dataset catalog Get the App Get the code on Github\nSee it live here\nContact us to learn how we can accompany you in implementing this connection with the Waze API.\n","description":"Send alerts to your users when you perform operation on your data or when critic threshold are reached","objectID":"1987cf58eeb881b5df564ae87ea83f1e","permalink":"http://localhost:1313/apps/zapier-notify/","relpermalink":"/apps/zapier-notify/","section":"Apps","tags":[],"title":"Notify your users on your data updates"},{"content":"Card to highlight a redirection to another page. Different styles are available.\nTips:\nYou can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library ","description":"Card to highlight a redirection to another page. Different styles are available.","objectID":"e832ec7f26fa04d28e85030ca19ec09d","permalink":"http://localhost:1313/components/access-card/","relpermalink":"/components/access-card/","section":"Components","tags":["navigation","card","redirection"],"title":"Access cards"},{"content":"","description":"Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.","objectID":"0016e22cc17580b54e11ad46dab0eaeb","permalink":"http://localhost:1313/components/buttons/","relpermalink":"/components/buttons/","section":"Components","tags":["display","navigation","list"],"title":"Buttons"},{"content":"","description":"A simple contact card for your organization, with a simple pop in for additional contact information.","objectID":"41ee537fddd27e6fa260506d76fd0d50","permalink":"http://localhost:1313/components/contact-card/","relpermalink":"/components/contact-card/","section":"Components","tags":["display","navigation","list"],"title":"Contact Cards"},{"content":"Generic card to display your content. Some classes are available to easily style your titles, text and buttons.\n","description":"Generic card to display your content. Some classes are available to easily style your titles, text and buttons.","objectID":"6b3fdf5676aa9cfd676e898efc5684ed","permalink":"http://localhost:1313/components/content-card/","relpermalink":"/components/content-card/","section":"Components","tags":["navigation","list"],"title":"Content cards"},{"content":"Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.\n","description":"Custom theme boxes with more flexibility in styling and layout.","objectID":"32aefea643d4ba9d324daf7b724f71ab","permalink":"http://localhost:1313/components/custom-theme-boxes/","relpermalink":"/components/custom-theme-boxes/","section":"Components","tags":["display","list","navigation"],"title":"Custom theme boxes"},{"content":"","description":"This module proposes a dropdown menu with a modern look.","objectID":"728fefcbc2f7c7f8f9e71420dee3d8f8","permalink":"http://localhost:1313/components/dropdown-module/","relpermalink":"/components/dropdown-module/","section":"Components","tags":["display","navigation","list","filter"],"title":"Dropdown module"},{"content":"","description":"An horizontal or vertical drawer/accordion for interactive dashboards with filters. Hidden by default and available on demand to offer more visibility.","objectID":"8156a408ecd9e4bf5516ea747293ff29","permalink":"http://localhost:1313/components/filters/","relpermalink":"/components/filters/","section":"Components","tags":["filter"],"title":"Filters"},{"content":"","description":"Import Icon libraries from the web into your portal to enrich your pages with thousands of icons","objectID":"8e28c16e7384267b713c417bcd00fa6c","permalink":"http://localhost:1313/components/icons/","relpermalink":"/components/icons/","section":"Components","tags":[],"title":"Icons"},{"content":"","description":"A card with an image background, useful for home page navigation and sections.","objectID":"79d38ab15dfd7e9eec4a15949f7ed9fc","permalink":"http://localhost:1313/components/image-card/","relpermalink":"/components/image-card/","section":"Components","tags":["display","navigation","list"],"title":"Image cards"},{"content":"","description":"KPI cards, to display aggregation and values.","objectID":"5d8f0b996727da1a32600129b1d5e123","permalink":"http://localhost:1313/components/kpis/","relpermalink":"/components/kpis/","section":"Components","tags":["display","navigation","list","aggregation"],"title":"KPIs"},{"content":"These cards are meant to be themed using only the following variables:\n--primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.\nThese cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.\nAll cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.\nThose cards follow the material design guidelines. If you need to build your page around those cards, visit https://www.material.io.\n","description":"Cards with minimalistic customization of widget that you can theme with colors","objectID":"70b771b99cb1e6178cb5482492a028ce","permalink":"http://localhost:1313/components/material-themed-cards/","relpermalink":"/components/material-themed-cards/","section":"Components","tags":["display","navigation","list"],"title":"Material themed cards"},{"content":"Show the ods-searchbox widget alongside a \u0026ldquo;search\u0026rdquo; button and a title. Below there\u0026rsquo;s a stand-alone version and a version inside a card.\n","description":"A stylized search box that allows searching for datasets in the catalog.","objectID":"ded49bd7af75832ef960f6cdef4a3c67","permalink":"http://localhost:1313/components/search-box/","relpermalink":"/components/search-box/","section":"Components","tags":["navigation"],"title":"Search box"},{"content":"","description":"This module is a stylised search bar with a modern look.","objectID":"45f53d8b83c38eaa7f5e158542c830ff","permalink":"http://localhost:1313/components/search-module/","relpermalink":"/components/search-module/","section":"Components","tags":["navigation"],"title":"Search module"},{"content":"Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.\nTo make an element sticky, you need to add the following CSS:\nposition: sticky; top: 0;\n","description":"Sticky content will stay positioned once the user scrolls past it.","objectID":"c55cbd2fa4c82504e3ad091c24f7d077","permalink":"http://localhost:1313/components/sticky-header/","relpermalink":"/components/sticky-header/","section":"Components","tags":["navigation"],"title":"Sticky header"},{"content":"A switch is a visual toggle between two mutually exclusive states — on and off.\nCheck the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!\n","description":"A switch is a visual toggle between two mutually exclusive states — on and off.","objectID":"ef3b5453529f94b664ae692f558bb466","permalink":"http://localhost:1313/components/switch-toggle/","relpermalink":"/components/switch-toggle/","section":"Components","tags":["display"],"title":"Switch Module"},{"content":"","description":"This module proposes various uses and functionalities for a table with minimalistic styling.","objectID":"9ffd7f0b4b434acecf23afc9545228a9","permalink":"http://localhost:1313/components/table-module/","relpermalink":"/components/table-module/","section":"Components","tags":["display","list"],"title":"Table module"},{"content":"","description":"This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves","objectID":"f62693e125d7db791d7aa0e4021f42d1","permalink":"http://localhost:1313/custom-views/custom-view-generator/","relpermalink":"/custom-views/custom-view-generator/","section":"Custom views","tags":["display","navigation","list"],"title":"Custom view Generator"},{"content":"This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn\u0026rsquo;t require any ods-dataset-context widget. Read the user\u0026rsquo;s guide section about custom views for details.\n","description":"Overview of all datasets of the domain","objectID":"5c5fe2623e80923d8e28aa5d8cb0ca6b","permalink":"http://localhost:1313/custom-views/domain-dataset/","relpermalink":"/custom-views/domain-dataset/","section":"Custom views","title":"Domain Datasets"},{"content":"See it live here !\n","description":"Eco-Counter custom view for Opendatasoft integration: an overall view of your territory through Eco-Counter stations data.","objectID":"603f394f1eeee6718ff572a6a09d5d6f","permalink":"http://localhost:1313/custom-views/eco-compteur/","relpermalink":"/custom-views/eco-compteur/","section":"Custom views","tags":["aggregation","chart","ods-adv-analysis"],"title":"Eco-Counter / Eco-Compteur"},{"content":"This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.\n","description":"","objectID":"e5a4fe3f32faa88295a19c72fda8f39b","permalink":"http://localhost:1313/custom-views/gtfs-custom/","relpermalink":"/custom-views/gtfs-custom/","section":"Custom views","tags":["map"],"title":"GTFS Custom View"},{"content":"","description":"This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset.","objectID":"3e3f034f1b574beddecda121bb8e3190","permalink":"http://localhost:1313/generators/comparison-generator/","relpermalink":"/generators/comparison-generator/","section":"Generators","tags":["display","navigation","filter","chart"],"title":"Comparison Generator"},{"content":"","description":"This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves","objectID":"083f7f652edb7962910236a241b54b06","permalink":"http://localhost:1313/generators/custom-view-generator/","relpermalink":"/generators/custom-view-generator/","section":"Generators","tags":["display","navigation","list"],"title":"Custom view Generator"},{"content":"Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.\n","description":"Ideal for Point of Interest datasets! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"b1e270e0e8f4155fe66f962cbc7e3d3b","permalink":"http://localhost:1313/generators/fullscreen-map/","relpermalink":"/generators/fullscreen-map/","section":"Generators","tags":["display","geo"],"title":"Full screen Map Generator"},{"content":" EXPERIMENTAL\nThis generator builds a KPI wall.\nWith specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.\nLike any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc\u0026hellip;\nAs the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.\n","description":"","objectID":"a3b988fb2eff7dccccdd25dcadbfd9cf","permalink":"http://localhost:1313/generators/kpi-generator/","relpermalink":"/generators/kpi-generator/","section":"Generators","tags":["display","aggregation"],"title":"KPI Generator"},{"content":" The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn\u0026rsquo;t suit your needs (and therefor won\u0026rsquo;t provide support if you still try to modified it)\nFind the complete documentation at the end of this page\n","description":"Ideal for listing! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"4d4b5166e3b45d61a6eaf5d4375ab2c0","permalink":"http://localhost:1313/generators/listing-generator/","relpermalink":"/generators/listing-generator/","section":"Generators","tags":["display","navigation","list"],"title":"Listing Generator"},{"content":" Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.\nEdit only a few settings to generate a modern looking visualization that uses ODS components and widgets.\n","description":"Ideal for listing geographical information! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.","objectID":"8e5ba400f5a1a5dd5fdf2ae0e1be6fae","permalink":"http://localhost:1313/generators/map-listing/","relpermalink":"/generators/map-listing/","section":"Generators","tags":["display","list","geo"],"title":"Map Listing Generator"},{"content":"This resource introduces a CSS Grid framework based on CSS Grid layout system.\nIt\u0026rsquo;s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.\nCSS Grid is the most modern and performant way to structure pages.\nA framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.\nThis framework covers :\nthe split into 12 columns the row positioning the ordering of elements Note: this framework is used by ODS Labs team for some resources. It is not intended to replace ODS default layout already used in pages. You should also consider that CSS Grid layout or Flexbox are already available in every browser and can directly be used on the platform without any required framework.\n","description":"","objectID":"da2b7c53c6ae319d13f9de337c38ada2","permalink":"http://localhost:1313/page-templates/css-grid-framework/","relpermalink":"/page-templates/css-grid-framework/","section":"Page templates","tags":["display"],"title":"CSS Grid Framework"},{"content":"This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.\n","description":"A dashboard template to display KPIs and charts, with filters","objectID":"c333f7a8c930ea4403572b856669d851","permalink":"http://localhost:1313/page-templates/dashboard-filter/","relpermalink":"/page-templates/dashboard-filter/","section":"Page templates","tags":["display"],"title":"Dashboard with filters"},{"content":"These resources are split into 2 main parts\nResources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource.\nODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here.\nCSS Grid framework refer to some custom CSS classes that over-rides CSS Grid layout. It\u0026rsquo;s mainly suitable for expert users only that are looking for more advanced layouts such as grids and multiple rows designs. We strongly encourage you to have a look to the CSS Grid framework resource before using it. And be assured that your needs really justify the use of this advanced layout system.\n","description":"Different layouts for simple to advanced usages.","objectID":"cc8e533d415836101917b9fcfdf7c056","permalink":"http://localhost:1313/page-templates/dashboard-layouts/","relpermalink":"/page-templates/dashboard-layouts/","section":"Page templates","tags":["display"],"title":"Dashboard layouts"},{"content":"There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.\nThe second one, more advanced, built with the CSS Grid framework layout, for specific usages only.\n","description":"A dashboard template to display KPIs and charts.","objectID":"7354498039095746fc4a0f2431b7d926","permalink":"http://localhost:1313/page-templates/dashboard/","relpermalink":"/page-templates/dashboard/","section":"Page templates","tags":["display"],"title":"Dashboard"},{"content":"Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.\n","description":"Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.","objectID":"d36e002ffbcde5172e3d0360cd3b0380","permalink":"http://localhost:1313/page-templates/datastory/","relpermalink":"/page-templates/datastory/","section":"Page templates","tags":["display"],"title":"Data Story"},{"content":"This template is a mixture of the Listing page template and the Access Cards component. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.\nIt offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.\nThis ressource integrates the following widgets:\nods-select to create the filters on text fields. Resource available here ods-adv-analysis to create KPI. Resource available here ods-date-range-slider to create a date selector. It is deactivated by default. Resource available here ods-results to list the content of the records from the dataset. Resource available here ","description":"A page template to display data visualizations on your portal.","objectID":"f449fc86bac162c80b93face086381f0","permalink":"http://localhost:1313/page-templates/dataviz-gallery/","relpermalink":"/page-templates/dataviz-gallery/","section":"Page templates","tags":["display"],"title":"Dataviz gallery page"},{"content":"","description":"When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map","objectID":"4e859290cf068aa30c66f8f079aaaba2","permalink":"http://localhost:1313/page-templates/fullscreen-map/","relpermalink":"/page-templates/fullscreen-map/","section":"Page templates","tags":["display","ods-maps","geo"],"title":"Fullscreen map with filters"},{"content":"","description":"A home page for your Opendatasoft portal, alternative 1","objectID":"647ad308f0474e1e451abb9e08492b60","permalink":"http://localhost:1313/page-templates/home-1/","relpermalink":"/page-templates/home-1/","section":"Page templates","tags":["display","navigation"],"title":"Home page 1"},{"content":"","description":"An home page for your Opendatasoft portal, alternative 2","objectID":"0ca4ac7c01fd57eb72dd54ba2c2d8086","permalink":"http://localhost:1313/page-templates/home-2/","relpermalink":"/page-templates/home-2/","section":"Page templates","tags":["display","navigation"],"title":"Home page 2"},{"content":"","description":"A home page for your Opendatasoft portal, alternative 3","objectID":"b467c253ca1032ec36ffe53c4eafc308","permalink":"http://localhost:1313/page-templates/home-3/","relpermalink":"/page-templates/home-3/","section":"Page templates","tags":["display","navigation"],"title":"Home page 3"},{"content":"This home page integrates the first version of the component Access cards to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.\nTips\nYou can use another version of the access cards by replacing the HTML between the comments \u0026lt;!--Start Access Card --\u0026gt; and \u0026lt;!--End Access Card --\u0026gt; and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/ You can change the background image of the access cards in the HTML file You can change the arrow icon of the access card with another icon from the Fontawesome Library ","description":"A home page for your Opendatasoft portal, with access cards","objectID":"22d5d70463c728efc66d011813bcca2b","permalink":"http://localhost:1313/page-templates/home-4-access-cards/","relpermalink":"/page-templates/home-4-access-cards/","section":"Page templates","tags":["display","navigation"],"title":"Home page 4 with access cards"},{"content":"","description":"A new home page for your Opendatasoft portal","objectID":"166d79deaed14900195c0d62233c366a","permalink":"http://localhost:1313/page-templates/home-5-search-with-ai/","relpermalink":"/page-templates/home-5-search-with-ai/","section":"Page templates","tags":["display","navigation"],"title":"Home page 5"},{"content":"","description":"A template version of the listing generator, for the users who want to add more customization to the automated version.","objectID":"a476acd3cb01526dcfbc536f6b89e813","permalink":"http://localhost:1313/page-templates/listing-page/","relpermalink":"/page-templates/listing-page/","section":"Page templates","tags":["display","list"],"title":"Listing page"},{"content":"","description":"Use the map as a selector then display additional information on the side or hover the map. This template is a nice alternative for map tooltips","objectID":"63af6c39f974f8dffff34c45e2dd496f","permalink":"http://localhost:1313/page-templates/map-refine/","relpermalink":"/page-templates/map-refine/","section":"Page templates","tags":["ods-maps","filter"],"title":"Map \u0026 Refine"},{"content":"This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.\nNote: Since monitoring data are private, we use a dummy dataset in this example.\n","description":"","objectID":"f110b1eb9a441f89efeae8c99bb62c10","permalink":"http://localhost:1313/page-templates/monitoring-dashboard/","relpermalink":"/page-templates/monitoring-dashboard/","section":"Page templates","tags":["display","navigation","list"],"title":"Monitoring Dashboard"},{"content":"","description":"A good starting point to narrate a story with your data, or simply publish a nice looking dashboard","objectID":"1aac171f2b79ef1bd68f435f2c1d3719","permalink":"http://localhost:1313/page-templates/observatory/","relpermalink":"/page-templates/observatory/","section":"Page templates","tags":["display","aggregation","filter"],"title":"Observatory"},{"content":"This resource is an over-ride of ODS default layout system by transforming a row and it\u0026rsquo;s children into a Flexbox layout.\nFlexbox brings two major benefits compared to the actual layout :\nEqual height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource !\n","description":"","objectID":"6071da08d20c769f0f3072f2b29530cf","permalink":"http://localhost:1313/page-templates/ods-layout-over-ride/","relpermalink":"/page-templates/ods-layout-over-ride/","section":"Page templates","tags":["display"],"title":"ODS Layout over-ride"},{"content":"","description":"A dedicated dashboard for local COVID-19 data.","objectID":"bccd8c76cd8c9865eb16a7d38d4d5a00","permalink":"http://localhost:1313/page-templates/regional-covid/","relpermalink":"/page-templates/regional-covid/","section":"Page templates","tags":["display"],"title":"Regional COVID-19 Dashboard"},{"content":"","description":"Present your timed data as a continuous timeline","objectID":"221349b6ebe5c3b9b9a8e8e8e609b3c4","permalink":"http://localhost:1313/page-templates/timeline/","relpermalink":"/page-templates/timeline/","section":"Page templates","tags":["display","list"],"title":"Timeline"},{"content":"","description":"An Opendatasoft theme, when your business identity contains dominant colors","objectID":"95aa45f05918e18a1a80d0a108ac2aec","permalink":"http://localhost:1313/portal-themes/color/","relpermalink":"/portal-themes/color/","section":"Portal themes","tags":[],"title":"Colored theme"},{"content":"","description":"An Opendatasoft theme, with dark header to keep it sober","objectID":"8ce26369058ee2a45db98c27579aa145","permalink":"http://localhost:1313/portal-themes/dark/","relpermalink":"/portal-themes/dark/","section":"Portal themes","tags":[],"title":"Dark theme"},{"content":"Important note\nBy using these types of headers, you will note be able to link the menu items to the ones you enter in the back-office of your domain (https://yourdomain.opendatasoft.com/backoffice/customization/navigation/). These customed headers will recreate the navigation bar and you will have to enter the title and the link for each of them, in the HTML code.\nMoreover, you will not be able to have a specific CSS class for the active items (no background/underline effect on an item title to highlight the active page).\n","description":"A dropdown menu specifically designed for ODS portal headers","objectID":"d3240b41918538300edacbd4d40219bb","permalink":"http://localhost:1313/portal-themes/dropdown-menu/","relpermalink":"/portal-themes/dropdown-menu/","section":"Portal themes","tags":[],"title":"Dropdown menu for portal headers"},{"content":"","description":"An Opendatasoft theme, with white header to keep it classic and light","objectID":"f2f16c139d90dd5e3eec793cd8c27063","permalink":"http://localhost:1313/portal-themes/light/","relpermalink":"/portal-themes/light/","section":"Portal themes","tags":[],"title":"Light theme"},{"content":"Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.\n3 parameters must be declared in the code:\nagefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:\n--left-color --right-color Note: the display values toggle is optional and can be removed. Then, simply set the displayvalues to true or false, to display values on each side or not.\n","description":"","objectID":"b662759ed5cfdd412543da7e24c2e178","permalink":"http://localhost:1313/widget-tricks/age-pyramid-custom/","relpermalink":"/widget-tricks/age-pyramid-custom/","section":"Widget tricks","tags":["display","chart","ods-adv-analysis","ods-aggregation","ods-subaggregation"],"title":"Age Pyramid with custom HTML/CSS"},{"content":"","description":"Animate your data-visualisation (KPIs, Gauge) with ods-timer.","objectID":"782aa727300ca547bf59d97f64a28677","permalink":"http://localhost:1313/widget-tricks/animation/","relpermalink":"/widget-tricks/animation/","section":"Widget tricks","tags":["display","chart","aggregation"],"title":"Animations"},{"content":"The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).\nThe platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.\n","description":"Override default catalog cards to highlight key metadata for your business","objectID":"b2dab4ba537bbfa229de5f76949ac944","permalink":"http://localhost:1313/widget-tricks/catalog-cards/","relpermalink":"/widget-tricks/catalog-cards/","section":"Widget tricks","tags":["list","display","navigation"],"title":"Custom catalog card"},{"content":"","description":"An overview of ods-chart capabilities by type of chart","objectID":"6130b8e6c4302f5909110387a171cc49","permalink":"http://localhost:1313/widget-tricks/charts/","relpermalink":"/widget-tricks/charts/","section":"Widget tricks","tags":["chart","aggregation"],"title":"Chart samples"},{"content":"These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.\n","description":"","objectID":"f02f5560c78061d31f9650389489722e","permalink":"http://localhost:1313/widget-tricks/custom-tooltips/","relpermalink":"/widget-tricks/custom-tooltips/","section":"Widget tricks","tags":["map"],"title":"Custom Tooltips"},{"content":"","description":"Date tricks with ods-timerange and angular filters. Different ways to handle dates with ods date picker","objectID":"c4c77fc31c1e2a6352cb37e0123aab2f","permalink":"http://localhost:1313/widget-tricks/dates/","relpermalink":"/widget-tricks/dates/","section":"Widget tricks","tags":["date","filter"],"title":"Dates"},{"content":"","description":"Use chart to refine your page, and go deeper in your analysis step by step","objectID":"0019a8139167b982ed2e6bd7527b5197","permalink":"http://localhost:1313/widget-tricks/drill-down/","relpermalink":"/widget-tricks/drill-down/","section":"Widget tricks","tags":["navigation","chart","filter"],"title":"Drill-down refine in charts"},{"content":" !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here\n","description":"Display your facets and filters in a list with simple HTML selects","objectID":"9c904eb7547b6036fc98440bd18b8cdb","permalink":"http://localhost:1313/widget-tricks/filter-as-list/","relpermalink":"/widget-tricks/filter-as-list/","section":"Widget tricks","tags":["display","navigation","list","filter"],"title":"Filters as an HTML Select"},{"content":" We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here\nKeep in mind that, for heatmaps or bubblemaps, you\u0026rsquo;ll need to adapt the display depending on the values, axis, and legends.\nFor example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.\n","description":"Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML","objectID":"416badf02b85615868fc0dc9400fcc91","permalink":"http://localhost:1313/widget-tricks/heatmaps-custom/","relpermalink":"/widget-tricks/heatmaps-custom/","section":"Widget tricks","tags":["display","ods-analysis","aggregation"],"title":"Heatmaps with CSS Grid"},{"content":"The ods-adv-analysis widget exposes the results of an aggregation function over a context. It uses the ODS Explore API V2 and its ODSQL language.\nods-adv-analysis documentation\n","description":"Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2.","objectID":"1e8f0ca51667c06c0c5f97dc89c632db","permalink":"http://localhost:1313/widget-tricks/ods-adv-analysis/","relpermalink":"/widget-tricks/ods-adv-analysis/","section":"Widget tricks","tags":["aggregation"],"title":"ods-adv-analysis"},{"content":"The technical documentation says :\nThis widget exposes the results of an aggregation function over a context\u0026hellip; The result is exposed into a new variable that you can use in other widgets or directly in your HTML.\nMore concretely :\nIt computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc\u0026hellip;) it will compute the aggregation on a subset of the records, if not, on the entire dataset.\n","description":"Various examples to showcase ods-aggregation. This widget exposes the results of an aggregation (sum, average, minimum, maximum etc...) function.","objectID":"a7fcc47eeed632e67f176435893a077c","permalink":"http://localhost:1313/widget-tricks/ods-aggregation/","relpermalink":"/widget-tricks/ods-aggregation/","section":"Widget tricks","tags":["aggregation","ods-aggregation"],"title":"ods-aggregation"},{"content":"The technical documentation says :\nThis widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS\u0026rsquo;s ngRepeat to simply build a table of analysis results.\nNormal people would say :\nOds-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !\nThe syntax is different, but options and parameters are pretty similar. You have a context, an X axis, you define series, optionnaly you sort the results. To conclude, we can say that : ods-analysis is the low level widget of ods-chart, its underlying layer !\n","description":"Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis.","objectID":"cc16d3583037c57e2bcda019faaa9333","permalink":"http://localhost:1313/widget-tricks/ods-analysis/","relpermalink":"/widget-tricks/ods-analysis/","section":"Widget tricks","tags":["ods-analysis","aggregation","chart","display"],"title":"ods-analysis, quick intro"},{"content":"","description":"Various CSS tricks to override you ods-chart visualisations.","objectID":"61559b8e3db94beb3c992b5db835a0f6","permalink":"http://localhost:1313/widget-tricks/ods-chart-css-hacks/","relpermalink":"/widget-tricks/ods-chart-css-hacks/","section":"Widget tricks","tags":["display","chart"],"title":"ods-chart: CSS Hacks"},{"content":"","description":"A custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag.","objectID":"0673d238b4427ee5924caa0c493a332e","permalink":"http://localhost:1313/widget-tricks/ods-chart-css-library/","relpermalink":"/widget-tricks/ods-chart-css-library/","section":"Widget tricks","tags":["display","chart"],"title":"ods-chart: Custom CSS Library"},{"content":"This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.\nOne dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).\nThe technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.\nBig advantages are mainly to not overweight the statistical dataset by a processing join and storing multiple times the same geo shape in the data. and secondly to choose the geographical granularity or administrative level only when you render the map. A same statistical dataset can now be rendered with several geographical referentials as long as it contains all the needed keys, codes or names to match the geographical shapes.\nFor example: inhabitant dataset of a country can be rendered by region, departement, cities and so on as long as you have the geographical dataset of each administrative layers.\nHow it works: the technique is to aggregate the data with the ods-color-gradient to obtain the color gradient as a color object. Then feed an ods-map with this color object.\nMore technical and mathematical information on ods-color-gradient algorithm here\n","description":"This widget computes a gradient of colors based on a numerical aggregation. It's mainly used to color the shapes of a map for analytics purposes.","objectID":"60c773af58b46baa677f88a601ece01a","permalink":"http://localhost:1313/widget-tricks/ods-color-gradient/","relpermalink":"/widget-tricks/ods-color-gradient/","section":"Widget tricks","tags":["display","aggregation","geo"],"title":"ods-color-gradient + ods-map : a choropleth alternative"},{"content":"","description":"From and to selectors to easily catch a range of date for your dashboards.","objectID":"d42f833808381d1471eb4adb8a56a7c9","permalink":"http://localhost:1313/widget-tricks/ods-date-range-slider/","relpermalink":"/widget-tricks/ods-date-range-slider/","section":"Widget tricks","tags":["list","filter"],"title":"ods-date-range-slider"},{"content":"","description":"ods-map with legends from the map builder with additional CSS to provide some alternative to default display","objectID":"39300ed901271812e9dad1cb019ba58f","permalink":"http://localhost:1313/widget-tricks/ods-map-css/","relpermalink":"/widget-tricks/ods-map-css/","section":"Widget tricks","tags":["display","ods-maps","geo"],"title":"ods-map: CSS Hacks"},{"content":"","description":"Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom","objectID":"498aa117c22b7e4cdb79784319402f0b","permalink":"http://localhost:1313/widget-tricks/ods-map-tricks/","relpermalink":"/widget-tricks/ods-map-tricks/","section":"Widget tricks","tags":["ods-maps","map","geo","filter","display"],"title":"ods-map: Refine \u0026 Zoom"},{"content":"Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.\n","description":"Display content in a pop-in window.","objectID":"0577c52b47bac382f7e1a220615655a3","permalink":"http://localhost:1313/widget-tricks/ods-pop-in/","relpermalink":"/widget-tricks/ods-pop-in/","section":"Widget tricks","tags":["display"],"title":"ods-pop-in variants"},{"content":"ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.\nods-results widget documentation\nSeveral Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.\n","description":"Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards.","objectID":"ee30ea5f80d575ddb98fd1ca06908ed9","permalink":"http://localhost:1313/widget-tricks/ods-results/","relpermalink":"/widget-tricks/ods-results/","section":"Widget tricks","tags":["display","list"],"title":"ods-results"},{"content":"ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.\nods-select widget documentation\n","description":"ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.","objectID":"aac1e445dfd9cb9a109a807df6ab3e08","permalink":"http://localhost:1313/widget-tricks/ods-select/","relpermalink":"/widget-tricks/ods-select/","section":"Widget tricks","tags":["display","navigation","list"],"title":"ods-select"},{"content":"The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.\n","description":"Style and layout suggestions for the ods-simple-tabs widget.","objectID":"c010d3c9dc90308e35922fe644f0ff17","permalink":"http://localhost:1313/widget-tricks/ods-simple-tabs/","relpermalink":"/widget-tricks/ods-simple-tabs/","section":"Widget tricks","tags":["display","navigation"],"title":"ods-simple-tabs"},{"content":"","description":"It highlights \"urlsync\" parameter. It allows users to copy and share the URL with all applied filters and query.","objectID":"bd85451a63afd80c550c8674f3cb525a","permalink":"http://localhost:1313/widget-tricks/share-print/","relpermalink":"/widget-tricks/share-print/","section":"Widget tricks","tags":["display"],"title":"Share and print"},{"content":"When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.\nIn this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.\n","description":"How to create fast analytics maps based on SVG static files and data aggregation.","objectID":"83cd1b09633af823998053f9fa3404c5","permalink":"http://localhost:1313/widget-tricks/svg-maps/","relpermalink":"/widget-tricks/svg-maps/","section":"Widget tricks","tags":["geo","aggregation","display"],"title":"Static maps, a quick introduction"}]
\ No newline at end of file
diff --git a/public/apps/canteen/index.html b/public/apps/canteen/index.html
index a1a901955..a2c5d51bc 100644
--- a/public/apps/canteen/index.html
+++ b/public/apps/canteen/index.html
@@ -1,12 +1,14 @@
-
+
School Canteen Menu Displays – Codelibrary
+
+
diff --git a/public/apps/covid-us-counties/index.html b/public/apps/covid-us-counties/index.html
index aedcd0a47..9477ef6ee 100644
--- a/public/apps/covid-us-counties/index.html
+++ b/public/apps/covid-us-counties/index.html
@@ -1,12 +1,14 @@
-
+
COVID-19 for US Counties – Codelibrary
+
+
diff --git a/public/apps/election/index.html b/public/apps/election/index.html
index b07aa0079..5b1be543d 100644
--- a/public/apps/election/index.html
+++ b/public/apps/election/index.html
@@ -1,12 +1,14 @@
-
+
Election Results Visualization – Codelibrary
+
+
diff --git a/public/apps/google-form/index.html b/public/apps/google-form/index.html
index 19fd63986..13b991eff 100644
--- a/public/apps/google-form/index.html
+++ b/public/apps/google-form/index.html
@@ -1,12 +1,14 @@
-
+
Google Form Survey Results Visualization – Codelibrary
+
+
diff --git a/public/apps/index.html b/public/apps/index.html
index 9d17ba0af..a2553b294 100644
--- a/public/apps/index.html
+++ b/public/apps/index.html
@@ -1,12 +1,14 @@
-
+
Apps – Codelibrary
+
+
diff --git a/public/apps/index.xml b/public/apps/index.xml
index 553b5aee2..fc5ecbe4c 100644
--- a/public/apps/index.xml
+++ b/public/apps/index.xml
@@ -2,122 +2,80 @@
Apps on Codelibrary
- https://codelibrary.opendatasoft.com/apps/
+ http://localhost:1313/apps/
Recent content in Apps on Codelibrary
- Hugo -- gohugo.io
- en-us
+ Hugo
+ en-us
+ Alerts on the State of your Data With Zapier
- https://codelibrary.opendatasoft.com/apps/zapier-data/
+ http://localhost:1313/apps/zapier-data/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/zapier-data/
- Create alerts on datasets and be notified in real time when an update or a new element is produced
-Description The context
-You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.
+ http://localhost:1313/apps/zapier-data/
+ <p><strong>Create alerts on datasets and be notified in real time when an update or a new element is produced</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.</p>
-
COVID-19 for US Counties
- https://codelibrary.opendatasoft.com/apps/covid-us-counties/
+ http://localhost:1313/apps/covid-us-counties/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/covid-us-counties/
- Create a live COVID-19 for your county, city etc. with local data.
-Description The context
-You have a regularly updated source of data about COVID-19 for your region (e.g. County or City) that that reflects information not available nationwide. You want to keep the population updated on the number of cases, the number of occupied hospital beds etc. in their surroundings. You want to make the data available for nation-wide aggregation.
+ http://localhost:1313/apps/covid-us-counties/
+ <p><strong>Create a live COVID-19 for your county, city etc. with local data.</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>You have a regularly updated source of data about COVID-19 for your region (e.g. County or City) that that reflects information not available nationwide. You want to keep the population updated on the number of cases, the number of occupied hospital beds etc. in their surroundings. You want to make the data available for nation-wide aggregation.</p>
-
Election Results Visualization
- https://codelibrary.opendatasoft.com/apps/election/
+ http://localhost:1313/apps/election/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/election/
- Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.
-Description The context
-Elections are always a highlight for you and your constituents. To make your citizens want to follow the details of the live votes on your portal and facilitate the understanding of the results, you will need to offer them legible and engaging content.
-The service
+ http://localhost:1313/apps/election/
+ <p><strong>Combine several datasets regarding election results and give your citizens a 360° representation of the share of votes across your territory.</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>Elections are always a highlight for you and your constituents. To make your citizens want to follow the details of the live votes on your portal and facilitate the understanding of the results, you will need to offer them legible and engaging content.</p>
-
Google Form Survey Results Visualization
- https://codelibrary.opendatasoft.com/apps/google-form/
+ http://localhost:1313/apps/google-form/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/google-form/
- Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.
-Description The context
-You are preparing a survey and you need to visualize the results in a legible and structured way, as well as enrich them with other data. Google Form allows easy collection of these results, but not their advanced visualization or comparison with other data. Integrating Google Form with the Opendatasoft platform can help you take advantage of both tools.
+ http://localhost:1313/apps/google-form/
+ <p><strong>Automate the result display from your collaborative surveys by connecting Google Form to your Opendatasoft portal.</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>You are preparing a survey and you need to visualize the results in a legible and structured way, as well as enrich them with other data. Google Form allows easy collection of these results, but not their advanced visualization or comparison with other data. Integrating Google Form with the Opendatasoft platform can help you take advantage of both tools.</p>
-
KPI Dashboard
- https://codelibrary.opendatasoft.com/apps/kpi-dashboard/
+ http://localhost:1313/apps/kpi-dashboard/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/kpi-dashboard/
- Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements
-Description The context
-Whether you are a community or a company, your goal is to provide an ever higher quality of service to your citizens or customers. For that, you need to evaluate the accomplishment of the actions carried out by your organization. These performance indicators reflect your strategic plan objectives, or your municipality’s political program.
+ http://localhost:1313/apps/kpi-dashboard/
+ <p><strong>Create personalized dashboards to measure the performance of your actions and highlight your concrete achievements</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>Whether you are a community or a company, your goal is to provide an ever higher quality of service to your citizens or customers. For that, you need to evaluate the accomplishment of the actions carried out by your organization. These performance indicators reflect your strategic plan objectives, or your municipality’s political program.</p>
-
Make your IoT data speak
- https://codelibrary.opendatasoft.com/apps/iot/
+ http://localhost:1313/apps/iot/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/iot/
- Build dynamic and easy to read visualization on your sensors data and connected equipments
-Description The context
-Smart sorting bins and energy meters, traffic surveillance cameras, fleets of geolocated vehicles … the connected equipment is multiplying within the territories, producing a considerable amount of data in real time. Gross, voluminous and complex, this IoT data often remains indecipherable for the human eye.
-The service
-Opendatasoft provides you with a visualization model fully designed to represent, understand and analyze all your IoT data, regardless of their source and format.
+ http://localhost:1313/apps/iot/
+ <p><strong>Build dynamic and easy to read visualization on your sensors data and connected equipments</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>Smart sorting bins and energy meters, traffic surveillance cameras, fleets of geolocated vehicles … the connected equipment is multiplying within the territories, producing a considerable amount of data in real time. Gross, voluminous and complex, this IoT data often remains indecipherable for the human eye.</p>
<p><strong>The service</strong></p>
<p>Opendatasoft provides you with a visualization model fully designed to represent, understand and analyze all your IoT data, regardless of their source and format. This app allows you to:</p>
-
Notify your users on your data updates
- https://codelibrary.opendatasoft.com/apps/zapier-notify/
+ http://localhost:1313/apps/zapier-notify/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/zapier-notify/
- Send alerts to your users when you perform operation on your data or when critic threshold are reached
-Description The context
-You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.
+ http://localhost:1313/apps/zapier-notify/
+ <p><strong>Send alerts to your users when you perform operation on your data or when critic threshold are reached</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>You are a reuser of a number of datasets or several data portals, whether your own or those of other organizations. You need to be informed when new data are published or modified, when a problem arises on any number of them, or when real-time data are not updated.</p>
-
Sanitation Inspection Transparency
- https://codelibrary.opendatasoft.com/apps/sanitary-inspection/
+ http://localhost:1313/apps/sanitary-inspection/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/sanitary-inspection/
- Created by the Ministry of Agriculture, the Alim’Confiance app facilitates the sharing of hygiene check results carried out in food establishments.
-Description The Use Case
-The General Directorate of Food (DGAL) carries out thousands of health inspections each year in restaurants, bakeries, chocolate makers, supermarkets and other numerous food shops in France. To increase transparency around inspection data and thus enable the population to make an informed choice of where to go to eat, the DGAL has created the Alim’Confiance app.
+ http://localhost:1313/apps/sanitary-inspection/
+ <p><strong>Created by the Ministry of Agriculture, the Alim’Confiance app facilitates the sharing of hygiene check results carried out in food establishments.</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The Use Case</strong></p>
<p>The General Directorate of Food (DGAL) carries out thousands of health inspections each year in restaurants, bakeries, chocolate makers, supermarkets and other numerous food shops in France. To increase transparency around inspection data and thus enable the population to make an informed choice of where to go to eat, the DGAL has created the Alim’Confiance app.</p>
-
School Canteen Menu Displays
- https://codelibrary.opendatasoft.com/apps/canteen/
+ http://localhost:1313/apps/canteen/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/canteen/
- Save school officials time: give them a printable menu model containing up-to-date information
-Description The context
-French schools display their canteen menus each week either so that it can be read by students and their parents. In the majority of cases, the municipality sets the composition of the meals then sends the information to school establishments who then have to reprocess the information into a spreadsheet or a word processor in order to then print and display it.
+ http://localhost:1313/apps/canteen/
+ <p><strong>Save school officials time: give them a printable menu model containing up-to-date information</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>French schools display their canteen menus each week either so that it can be read by students and their parents. In the majority of cases, the municipality sets the composition of the meals then sends the information to school establishments who then have to reprocess the information into a spreadsheet or a word processor in order to then print and display it.</p>
-
Traffic Diagnostic with Waze
- https://codelibrary.opendatasoft.com/apps/waze/
+ http://localhost:1313/apps/waze/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/apps/waze/
- Enrich your own data with traffic data and observe in real-time the state of traffic across your territory
-Description The context
-Waze’s Connected Citizens Program promotes pooling resources: Waze provides its partners with real-time data on incidents and trouble zones slowing down traffic as signaled by drivers, while its partners give Waze data in real time on the closures of certain roads, ongoing road work, and major accidents.
+ http://localhost:1313/apps/waze/
+ <p><strong>Enrich your own data with traffic data and observe in real-time the state of traffic across your territory</strong></p>
<h2 class="title" id="description">
Description
<a class="is-link" href="#description">
<img src="http://localhost:1313/img/fas-link.svg" />
</a>
</h2>
<p><strong>The context</strong></p>
<p>Waze’s Connected Citizens Program promotes pooling resources: Waze provides its partners with real-time data on incidents and trouble zones slowing down traffic as signaled by drivers, while its partners give Waze data in real time on the closures of certain roads, ongoing road work, and major accidents.</p>
-
diff --git a/public/apps/iot/index.html b/public/apps/iot/index.html
index c6e5a6211..ea0a217b1 100644
--- a/public/apps/iot/index.html
+++ b/public/apps/iot/index.html
@@ -1,12 +1,14 @@
-
+
Make your IoT data speak – Codelibrary
+
+
diff --git a/public/apps/kpi-dashboard/index.html b/public/apps/kpi-dashboard/index.html
index 6499944bc..59286eef0 100644
--- a/public/apps/kpi-dashboard/index.html
+++ b/public/apps/kpi-dashboard/index.html
@@ -1,12 +1,14 @@
-
+
KPI Dashboard – Codelibrary
+
+
diff --git a/public/apps/page/1/index.html b/public/apps/page/1/index.html
index 0c86785a5..9f0b41334 100644
--- a/public/apps/page/1/index.html
+++ b/public/apps/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/apps/
\ No newline at end of file
+
+
+
+ http://localhost:1313/apps/
+
+
+
+
+
+
diff --git a/public/apps/sanitary-inspection/index.html b/public/apps/sanitary-inspection/index.html
index face8a684..382f24324 100644
--- a/public/apps/sanitary-inspection/index.html
+++ b/public/apps/sanitary-inspection/index.html
@@ -1,12 +1,14 @@
-
+
Sanitation Inspection Transparency – Codelibrary
+
+
diff --git a/public/apps/waze/index.html b/public/apps/waze/index.html
index ee02cc9a6..efac658a1 100644
--- a/public/apps/waze/index.html
+++ b/public/apps/waze/index.html
@@ -1,12 +1,14 @@
-
+
Traffic Diagnostic with Waze – Codelibrary
+
+
diff --git a/public/apps/zapier-data/index.html b/public/apps/zapier-data/index.html
index a314d8404..40f4d7db0 100644
--- a/public/apps/zapier-data/index.html
+++ b/public/apps/zapier-data/index.html
@@ -1,12 +1,14 @@
-
+
Alerts on the State of your Data With Zapier – Codelibrary
+
+
diff --git a/public/apps/zapier-notify/index.html b/public/apps/zapier-notify/index.html
index f18964274..1867c875d 100644
--- a/public/apps/zapier-notify/index.html
+++ b/public/apps/zapier-notify/index.html
@@ -1,12 +1,14 @@
-
+
Notify your users on your data updates – Codelibrary
+
+
diff --git a/public/components/access-card/index.html b/public/components/access-card/index.html
index 1d9e42b05..c5b6b45a6 100644
--- a/public/components/access-card/index.html
+++ b/public/components/access-card/index.html
@@ -1,12 +1,14 @@
-
+
Access cards – Codelibrary
+
+
diff --git a/public/components/buttons/index.html b/public/components/buttons/index.html
index 084d41ff2..860d8cde4 100644
--- a/public/components/buttons/index.html
+++ b/public/components/buttons/index.html
@@ -1,12 +1,14 @@
-
+
Buttons – Codelibrary
+
+
diff --git a/public/components/contact-card/index.html b/public/components/contact-card/index.html
index 97f8b524b..cc3b35c45 100644
--- a/public/components/contact-card/index.html
+++ b/public/components/contact-card/index.html
@@ -1,12 +1,14 @@
-
+
Contact Cards – Codelibrary
+
+
diff --git a/public/components/content-card/index.html b/public/components/content-card/index.html
index 6c33496a8..04c71908a 100644
--- a/public/components/content-card/index.html
+++ b/public/components/content-card/index.html
@@ -1,12 +1,14 @@
-
+
Content cards – Codelibrary
+
+
diff --git a/public/components/custom-theme-boxes/index.html b/public/components/custom-theme-boxes/index.html
index e86827b33..c962d2c6f 100644
--- a/public/components/custom-theme-boxes/index.html
+++ b/public/components/custom-theme-boxes/index.html
@@ -1,12 +1,14 @@
-
+
Custom theme boxes – Codelibrary
+
+
diff --git a/public/components/dropdown-module/index.html b/public/components/dropdown-module/index.html
index 672a15333..d2a2cda13 100644
--- a/public/components/dropdown-module/index.html
+++ b/public/components/dropdown-module/index.html
@@ -1,12 +1,14 @@
-
+
Dropdown module – Codelibrary
+
+
diff --git a/public/components/filters/index.html b/public/components/filters/index.html
index fb2f58d89..d20180057 100644
--- a/public/components/filters/index.html
+++ b/public/components/filters/index.html
@@ -1,12 +1,14 @@
-
+
Filters – Codelibrary
+
+
diff --git a/public/components/icons/index.html b/public/components/icons/index.html
index 0ec67352d..4159f68ab 100644
--- a/public/components/icons/index.html
+++ b/public/components/icons/index.html
@@ -1,12 +1,14 @@
-
+
Icons – Codelibrary
+
+
diff --git a/public/components/image-card/index.html b/public/components/image-card/index.html
index 05b979043..9797196a1 100644
--- a/public/components/image-card/index.html
+++ b/public/components/image-card/index.html
@@ -1,12 +1,14 @@
-
+
Image cards – Codelibrary
+
+
diff --git a/public/components/index.html b/public/components/index.html
index 70c74df30..f5f341db4 100644
--- a/public/components/index.html
+++ b/public/components/index.html
@@ -1,12 +1,14 @@
-
+
Components – Codelibrary
+
+
diff --git a/public/components/index.xml b/public/components/index.xml
index ce23da018..8816f74a7 100644
--- a/public/components/index.xml
+++ b/public/components/index.xml
@@ -2,162 +2,123 @@
Components on Codelibrary
- https://codelibrary.opendatasoft.com/components/
+ http://localhost:1313/components/
Recent content in Components on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Wed, 08 Jun 2022 00:00:00 +0000
+ Wed, 08 Jun 2022 00:00:00 +0000
+ Access cards
- https://codelibrary.opendatasoft.com/components/access-card/
+ http://localhost:1313/components/access-card/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/access-card/
- Card to highlight a redirection to another page. Different styles are available.
-Tips:
- You can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library
+ http://localhost:1313/components/access-card/
+ <p>Card to highlight a redirection to another page. Different styles are available.</p>
<p><strong>Tips:</strong></p>
<ul>
<li>You can change the background image in the HTML file</li>
<li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
-
Search module
- https://codelibrary.opendatasoft.com/components/search-module/
+ http://localhost:1313/components/search-module/
Fri, 01 Apr 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/search-module/
+ http://localhost:1313/components/search-module/
-
Switch Module
- https://codelibrary.opendatasoft.com/components/switch-toggle/
+ http://localhost:1313/components/switch-toggle/
Tue, 25 Jan 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/switch-toggle/
- A switch is a visual toggle between two mutually exclusive states — on and off.
-Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!
+ http://localhost:1313/components/switch-toggle/
+ <p>A switch is a visual toggle between two mutually exclusive states — on and off.</p>
<p>Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!</p>
-
Material themed cards
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
+ http://localhost:1313/components/material-themed-cards/
Wed, 09 Jun 2021 10:39:16 +0200
-
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
- These cards are meant to be themed using only the following variables:
- --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.
-These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.
-All cards are prented with a sticky filter bar, to present how they can interact.
+ http://localhost:1313/components/material-themed-cards/
+ <p>These cards are meant to be themed using only the following variables:</p>
<pre tabindex="0"><code> --primary-hue: 265;
--primary-saturation: 90%;
--primary-lightness: 47%;
--surface: white;
--background: white;
--card-text: #424242;
--body-text: #424242;
</code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p>
<p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p>
<p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p>
-
KPIs
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
Tue, 23 Feb 2021 15:21:27 +0100
-
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
-
Buttons
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
-
Contact Cards
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
-
Content cards
- https://codelibrary.opendatasoft.com/components/content-card/
+ http://localhost:1313/components/content-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/content-card/
- Generic card to display your content. Some classes are available to easily style your titles, text and buttons.
+ http://localhost:1313/components/content-card/
+ <p>Generic card to display your content. Some classes are available to easily style your titles, text and buttons.</p>
-
Custom theme boxes
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
+ http://localhost:1313/components/custom-theme-boxes/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
- Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.
+ http://localhost:1313/components/custom-theme-boxes/
+ <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p>
-
Dropdown module
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
-
Filters
- https://codelibrary.opendatasoft.com/components/filters/
+ http://localhost:1313/components/filters/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/filters/
+ http://localhost:1313/components/filters/
-
Icons
- https://codelibrary.opendatasoft.com/components/icons/
+ http://localhost:1313/components/icons/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/icons/
+ http://localhost:1313/components/icons/
-
Image cards
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
-
Search box
- https://codelibrary.opendatasoft.com/components/search-box/
+ http://localhost:1313/components/search-box/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/search-box/
- Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.
+ http://localhost:1313/components/search-box/
+ <p>Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.</p>
-
Sticky header
- https://codelibrary.opendatasoft.com/components/sticky-header/
+ http://localhost:1313/components/sticky-header/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/sticky-header/
- Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.
-To make an element sticky, you need to add the following CSS:
-position: sticky; top: 0;
+ http://localhost:1313/components/sticky-header/
+ <p>Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike <code>position: fixed;</code>, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.</p>
<p>To make an element sticky, you need to add the following CSS:</p>
<p><code>position: sticky;</code>
<code>top: 0;</code></p>
-
Table module
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
-
diff --git a/public/components/kpis/index.html b/public/components/kpis/index.html
index 947078e2c..43f71e533 100644
--- a/public/components/kpis/index.html
+++ b/public/components/kpis/index.html
@@ -1,12 +1,14 @@
-
+
KPIs – Codelibrary
+
+
diff --git a/public/components/material-themed-cards/index.html b/public/components/material-themed-cards/index.html
index 3e747743c..d0b8a8774 100644
--- a/public/components/material-themed-cards/index.html
+++ b/public/components/material-themed-cards/index.html
@@ -1,12 +1,14 @@
-
+
Material themed cards – Codelibrary
+
+
diff --git a/public/components/page/1/index.html b/public/components/page/1/index.html
index 39f5e520a..8fdb0db12 100644
--- a/public/components/page/1/index.html
+++ b/public/components/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/components/
\ No newline at end of file
+
+
+
+ http://localhost:1313/components/
+
+
+
+
+
+
diff --git a/public/components/search-box/index.html b/public/components/search-box/index.html
index facab9b47..b1b8f7ab2 100644
--- a/public/components/search-box/index.html
+++ b/public/components/search-box/index.html
@@ -1,12 +1,14 @@
-
+
Search box – Codelibrary
+
+
diff --git a/public/components/search-module/index.html b/public/components/search-module/index.html
index ae91b4a46..2fe20a0b9 100644
--- a/public/components/search-module/index.html
+++ b/public/components/search-module/index.html
@@ -1,12 +1,14 @@
-
+
Search module – Codelibrary
+
+
diff --git a/public/components/sticky-header/index.html b/public/components/sticky-header/index.html
index 6aedd0cb1..2a5a8674e 100644
--- a/public/components/sticky-header/index.html
+++ b/public/components/sticky-header/index.html
@@ -1,12 +1,14 @@
-
+
Sticky header – Codelibrary
+
+
diff --git a/public/components/switch-toggle/index.html b/public/components/switch-toggle/index.html
index ab2081634..4cf332b50 100644
--- a/public/components/switch-toggle/index.html
+++ b/public/components/switch-toggle/index.html
@@ -1,12 +1,14 @@
-
+
Switch Module – Codelibrary
+
+
diff --git a/public/components/table-module/index.html b/public/components/table-module/index.html
index 071f4ce5a..1dfb3d1d4 100644
--- a/public/components/table-module/index.html
+++ b/public/components/table-module/index.html
@@ -1,12 +1,14 @@
-
+
Table module – Codelibrary
+
+
diff --git a/public/custom-views/custom-view-generator/index.html b/public/custom-views/custom-view-generator/index.html
index 3a18e6654..bdf40a031 100644
--- a/public/custom-views/custom-view-generator/index.html
+++ b/public/custom-views/custom-view-generator/index.html
@@ -1,12 +1,14 @@
-
+
Custom view Generator – Codelibrary
+
+
diff --git a/public/custom-views/domain-dataset/index.html b/public/custom-views/domain-dataset/index.html
index 3e049d878..44cea1d68 100644
--- a/public/custom-views/domain-dataset/index.html
+++ b/public/custom-views/domain-dataset/index.html
@@ -1,12 +1,14 @@
-
+
Domain Datasets – Codelibrary
+
+
diff --git a/public/custom-views/eco-compteur/index.html b/public/custom-views/eco-compteur/index.html
index 24c72f1d5..ba389a8a1 100644
--- a/public/custom-views/eco-compteur/index.html
+++ b/public/custom-views/eco-compteur/index.html
@@ -1,12 +1,14 @@
-
+
Eco-Counter / Eco-Compteur – Codelibrary
+
+
diff --git a/public/custom-views/gtfs-custom/index.html b/public/custom-views/gtfs-custom/index.html
index e0808da6c..6d510909b 100644
--- a/public/custom-views/gtfs-custom/index.html
+++ b/public/custom-views/gtfs-custom/index.html
@@ -1,12 +1,14 @@
-
+
GTFS Custom View – Codelibrary
+
+
diff --git a/public/custom-views/index.html b/public/custom-views/index.html
index 900664354..bc500894f 100644
--- a/public/custom-views/index.html
+++ b/public/custom-views/index.html
@@ -1,12 +1,14 @@
-
+
Custom Views – Codelibrary
+
+
diff --git a/public/custom-views/index.xml b/public/custom-views/index.xml
index ef2799368..d4ea1ddac 100644
--- a/public/custom-views/index.xml
+++ b/public/custom-views/index.xml
@@ -2,46 +2,39 @@
Custom Views on Codelibrary
- https://codelibrary.opendatasoft.com/custom-views/
+ http://localhost:1313/custom-views/
Recent content in Custom Views on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Thu, 09 Dec 2021 00:00:00 +0000
+ Thu, 09 Dec 2021 00:00:00 +0000
+ Eco-Counter / Eco-Compteur
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
+ http://localhost:1313/custom-views/eco-compteur/
Thu, 09 Dec 2021 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
- See it live here !
+ http://localhost:1313/custom-views/eco-compteur/
+ <p><a href="https://eco-compteur-odsapps.opendatasoft.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p>
-
Domain Datasets
- https://codelibrary.opendatasoft.com/custom-views/domain-dataset/
+ http://localhost:1313/custom-views/domain-dataset/
Mon, 19 Apr 2021 14:57:49 +0200
-
- https://codelibrary.opendatasoft.com/custom-views/domain-dataset/
- This resource is intended to be used as custom view inside your catalog, where the dataset context is always named ctx and doesn’t require any ods-dataset-context widget. Read the user’s guide section about custom views for details.
+ http://localhost:1313/custom-views/domain-dataset/
+ <p><em>This resource is intended to be used as custom view inside your catalog, where the dataset context is always named <code>ctx</code> and doesn’t require any <code>ods-dataset-context</code> widget. Read the <a href="https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">user’s guide section</a> about custom views for details</em>.</p>
-
Custom view Generator
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
-
GTFS Custom View
- https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/
+ http://localhost:1313/custom-views/gtfs-custom/
Tue, 09 Feb 2021 11:18:31 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/
- This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.
+ http://localhost:1313/custom-views/gtfs-custom/
+ <p>This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a <a href="https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">custom view</a> inside your catalog or on a custom page.</p>
-
diff --git a/public/custom-views/page/1/index.html b/public/custom-views/page/1/index.html
index cac940210..72f0fbe8f 100644
--- a/public/custom-views/page/1/index.html
+++ b/public/custom-views/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/custom-views/
\ No newline at end of file
+
+
+
+ http://localhost:1313/custom-views/
+
+
+
+
+
+
diff --git a/public/generators/comparison-generator/index.html b/public/generators/comparison-generator/index.html
index f92f4fb3a..b6d8d0522 100644
--- a/public/generators/comparison-generator/index.html
+++ b/public/generators/comparison-generator/index.html
@@ -1,12 +1,14 @@
-
+
Comparison Generator – Codelibrary
+
+
diff --git a/public/generators/custom-view-generator/index.html b/public/generators/custom-view-generator/index.html
index f84c83535..700ab11a4 100644
--- a/public/generators/custom-view-generator/index.html
+++ b/public/generators/custom-view-generator/index.html
@@ -1,12 +1,14 @@
-
+
Custom view Generator – Codelibrary
+
+
diff --git a/public/generators/fullscreen-map/index.html b/public/generators/fullscreen-map/index.html
index 3956dc86e..a174bcf89 100644
--- a/public/generators/fullscreen-map/index.html
+++ b/public/generators/fullscreen-map/index.html
@@ -1,12 +1,14 @@
-
+
Full screen Map Generator – Codelibrary
+
+
diff --git a/public/generators/index.html b/public/generators/index.html
index 01acf978c..750f7442a 100644
--- a/public/generators/index.html
+++ b/public/generators/index.html
@@ -1,12 +1,14 @@
-
+
Generators – Codelibrary
+
+
diff --git a/public/generators/index.xml b/public/generators/index.xml
index 6d9a8df48..838a89356 100644
--- a/public/generators/index.xml
+++ b/public/generators/index.xml
@@ -2,70 +2,53 @@
Generators on Codelibrary
- https://codelibrary.opendatasoft.com/generators/
+ http://localhost:1313/generators/
Recent content in Generators on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0100
+ Wed, 30 Mar 2022 00:00:00 +0100
+ Comparison Generator
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
-
Listing Generator
- https://codelibrary.opendatasoft.com/generators/listing-generator/
+ http://localhost:1313/generators/listing-generator/
Thu, 10 Feb 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/listing-generator/
- The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)
- Find the complete documentation at the end of this page
+ http://localhost:1313/generators/listing-generator/
+ <blockquote>
<p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)</p>
</blockquote>
<p>Find <a href="http://localhost:1313/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p>
-
KPI Generator
- https://codelibrary.opendatasoft.com/generators/kpi-generator/
+ http://localhost:1313/generators/kpi-generator/
Tue, 08 Jun 2021 00:05:01 +0200
-
- https://codelibrary.opendatasoft.com/generators/kpi-generator/
- EXPERIMENTAL
- This generator builds a KPI wall.
-With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.
-Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…
-As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage.
+ http://localhost:1313/generators/kpi-generator/
+ <blockquote>
<p>EXPERIMENTAL</p>
</blockquote>
<p>This generator builds a KPI wall.</p>
<p>With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.</p>
<p>Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…</p>
<p>As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.</p>
-
Custom view Generator
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
-
Full screen Map Generator
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
+ http://localhost:1313/generators/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/fullscreen-map/
+ <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
Map Listing Generator
- https://codelibrary.opendatasoft.com/generators/map-listing/
+ http://localhost:1313/generators/map-listing/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/map-listing/
- Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/map-listing/
+ <blockquote>
<p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="http://localhost:1313/generators/listing-generator/">listing generator</a> instead of this resource.</p>
</blockquote>
<p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
diff --git a/public/generators/kpi-generator/index.html b/public/generators/kpi-generator/index.html
index 5183b8c73..e125bc739 100644
--- a/public/generators/kpi-generator/index.html
+++ b/public/generators/kpi-generator/index.html
@@ -1,12 +1,14 @@
-
+
KPI Generator – Codelibrary
+
+
diff --git a/public/generators/listing-generator/index.html b/public/generators/listing-generator/index.html
index f687687e5..e6a1d1527 100644
--- a/public/generators/listing-generator/index.html
+++ b/public/generators/listing-generator/index.html
@@ -1,12 +1,14 @@
-
+
Listing Generator – Codelibrary
+
+
diff --git a/public/generators/map-listing/index.html b/public/generators/map-listing/index.html
index 91496e13f..998022d23 100644
--- a/public/generators/map-listing/index.html
+++ b/public/generators/map-listing/index.html
@@ -1,12 +1,14 @@
-
+
Map Listing Generator – Codelibrary
+
+
diff --git a/public/generators/page/1/index.html b/public/generators/page/1/index.html
index 35d04248e..73f13fcd4 100644
--- a/public/generators/page/1/index.html
+++ b/public/generators/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/generators/
\ No newline at end of file
+
+
+
+ http://localhost:1313/generators/
+
+
+
+
+
+
diff --git a/public/index.html b/public/index.html
index 07c2a9ab5..630fcf9b2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,7 +1,7 @@
-
+
@@ -10,6 +10,8 @@
+
+
diff --git a/public/index.min.47509ec5dd57609af50fc1f3b8203c3fcd99d704b2ef93b7658faf52be40eb94.js b/public/index.min.47509ec5dd57609af50fc1f3b8203c3fcd99d704b2ef93b7658faf52be40eb94.js
new file mode 100644
index 000000000..838f06ac6
--- /dev/null
+++ b/public/index.min.47509ec5dd57609af50fc1f3b8203c3fcd99d704b2ef93b7658faf52be40eb94.js
@@ -0,0 +1,162 @@
+/*! Bundled license information:
+
+es6-promise/dist/es6-promise.js:
+ (*!
+ * @overview es6-promise - a tiny implementation of Promises/A+.
+ * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
+ * @license Licensed under MIT license
+ * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
+ * @version v4.2.8+1e68dce6
+ *)
+
+classnames/index.js:
+ (*!
+ Copyright (c) 2017 Jed Watson.
+ Licensed under the MIT License (MIT), see
+ http://jedwatson.github.io/classnames
+ *)
+
+prismjs/prism.js:
+ (**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT
+ * @author Lea Verou
+ * @namespace
+ * @public
+ *)
+
+clipboard-polyfill/dist/main/clipboard-polyfill.esm.js:
+ (*! *****************************************************************************
+ Copyright (c) Microsoft Corporation.
+
+ Permission to use, copy, modify, and/or distribute this software for any
+ purpose with or without fee is hereby granted.
+
+ THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+ REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+ AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+ PERFORMANCE OF THIS SOFTWARE.
+ ***************************************************************************** *)
+*/(()=>{var Zn,Ce,Ee,ke,Ae,Se,r,Ui,Qi,ua,De,ee,fa,Q,mn,Ua,Ft,St,Qe,vt,gt,ot,lt,nt,at,Re,st,rt,ct,tt,ut,mt,et,Je,Ot,Ct,kt,Xe,Tt,o,a,V,Nt,Ut,N,$e,_,sn,Be,an,cn,ln,Ie,un,i,M,xn,Fn,Rn,it,Hn,In,Bn,Vn,$n,Wn,Un,Kn,qn,Yn,z,Xn,Qn,Oe,v,ss,cs,be,x,Ss,Ms,je,zs,E,Ns,Rs,Hs,Bs,Ks,ze,mo,fo,me,go,uo,c,Js,Zs,l,Ze,n,K,Yo,D,qs,Ws,Zo,P,oe,$s,Fe,se,S,ts,Gn,Ln,Dn,zn,Ke,_n,bn,vn,hn,dn,rn,Yt,Wt,$t,Vt,u,Pt,Dt,d,zt,Mt,At,Et,xt,wt,Ge,pt,ft,ht,dt,sr=Object.create,_t=Object.defineProperty,Ka=Object.getOwnPropertyDescriptor,Ht=Object.getOwnPropertyNames,La=Object.getPrototypeOf,_a=Object.prototype.hasOwnProperty,la=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(e,t)=>(typeof require!="undefined"?require:e)[t]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),e=(e,t)=>function(){return t||(0,e[Ht(e)[0]])((t={exports:{}}).exports,t),t.exports},ca=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Ht(t))!_a.call(e,o)&&o!==n&&_t(e,o,{get:()=>t[o],enumerable:!(s=Ka(t,o))||s.enumerable});return e},m=(e,t,n)=>(n=e!=null?sr(La(e)):{},ca(t||!e||!e.__esModule?_t(n,"default",{value:e,enumerable:!0}):n,e)),Cn=e({"node_modules/inherits/inherits_browser.js"(e,t){typeof Object.create=="function"?t.exports=function(t,n){n&&(t.super_=n,t.prototype=Object.create(n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}))}:t.exports=function(t,n){if(n){t.super_=n;var s=function(){};s.prototype=n.prototype,t.prototype=new s,t.prototype.constructor=t}}}}),O=e({"node_modules/foreach/index.js"(e,t){var n=Object.prototype.hasOwnProperty,s=Object.prototype.toString;t.exports=function(t,o,i){if(s.call(o)!=="[object Function]")throw new TypeError("iterator must be a function");var a,c,r=t.length;if(r===+r)for(a=0;a was loaded but did not call our provided callback"),ValidUntilNotFound:n("ValidUntilNotFound","The SecuredAPIKey does not have a validUntil parameter."),JSONPScriptError:n("JSONPScriptError","
+
+
+ Advanced search – Codelibrary
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Page Templates - Advanced search
+
+
This example demonstrate how to get the value of HTML form inputs and use them to filter a context.
+
+
+
+
+
+ Advanced search with most common inputs - Search form
+
+
+
+
+
+
- Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.
+ Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget
+ nullam non nisi est sit amet.
@@ -100,7 +99,8 @@
Garden
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+ labore et dolore magna aliqua.
@@ -114,7 +114,8 @@
Gastronomy
- Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.
+ Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec
+ pretium vulputate.
@@ -156,7 +157,8 @@
Education
- Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus mauris vitae.
+ Euismod lacinia at quis risus sed vulputate odio. Parturient montes nascetur ridiculus mus
+ mauris vitae.
This home page integrates the first version of the component Access cards to highlight redirections to other pages.
+The access cards are inserted in a grid container, so that all the cards have the same height.
+
Tips
+
+
You can use another version of the access cards by replacing the HTML between the comments <!--Start Access Card --> and <!--End Access Card --> and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/
+
You can change the background image of the access cards in the HTML file
+
You can change the arrow icon of the access card with another icon from the Fontawesome Library
- Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget nullam non nisi est sit amet.
+ Quam vulputate dignissim suspendisse in est ante in nibh. Faucibus nisl tincidunt eget
+ nullam non nisi est sit amet.
Categories
@@ -109,7 +101,8 @@
Gastronomy
Restaurant of the month
- Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate.
+ Massa id neque aliquam vestibulum. Fringilla phasellus faucibus scelerisque eleifend donec
+ pretium vulputate.
+
+
+
+
+
+
+
+
+
+
diff --git a/public/page-templates/index.html b/public/page-templates/index.html
index de7fb85ec..413241b43 100644
--- a/public/page-templates/index.html
+++ b/public/page-templates/index.html
@@ -1,12 +1,14 @@
-
+
Page Templates – Codelibrary
+
+
diff --git a/public/page-templates/index.xml b/public/page-templates/index.xml
index 4c4b928cf..1e1528974 100644
--- a/public/page-templates/index.xml
+++ b/public/page-templates/index.xml
@@ -2,185 +2,144 @@
Page Templates on Codelibrary
- https://codelibrary.opendatasoft.com/page-templates/
+ http://localhost:1313/page-templates/
Recent content in Page Templates on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Tue, 23 May 2023 12:00:00 +0200
+ Tue, 23 May 2023 12:00:00 +0200
+ Dashboard with filters
- https://codelibrary.opendatasoft.com/page-templates/dashboard-filter/
+ http://localhost:1313/page-templates/dashboard-filter/
Tue, 23 May 2023 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard-filter/
- This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.
+ http://localhost:1313/page-templates/dashboard-filter/
+ <p>This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.</p>
-
Dataviz gallery page
- https://codelibrary.opendatasoft.com/page-templates/dataviz-gallery/
+ http://localhost:1313/page-templates/dataviz-gallery/
Fri, 17 Mar 2023 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dataviz-gallery/
- This template is a mixture of the Listing page template and the Access Cards component. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.
-It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.
-This ressource integrates the following widgets:
+ http://localhost:1313/page-templates/dataviz-gallery/
+ <p>This template is a mixture of the <a href="http://localhost:1313/page-templates/listing-page/">Listing page template</a> and the <a href="http://localhost:1313/components/access-card/">Access Cards component</a>. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.</p>
<p>It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.</p>
<p>This ressource integrates the following widgets:</p>
-
Listing page
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
Wed, 05 Jan 2022 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
-
ODS Layout over-ride
- https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/
+ http://localhost:1313/page-templates/ods-layout-over-ride/
Mon, 07 Jun 2021 12:12:02 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/
- This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout.
-Flexbox brings two major benefits compared to the actual layout :
- Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource !
+ http://localhost:1313/page-templates/ods-layout-over-ride/
+ <p>This resource is an over-ride of ODS default layout system by transforming a <code>row</code> and it’s children into a Flexbox layout.</p>
<p><strong>Flexbox</strong> brings two major benefits compared to the actual layout :</p>
<ul>
<li>Equal height of children of a same row</li>
<li>re-ordering elements</li>
</ul>
<p><strong>If any of these two benefits are useful to your project, there is no interest in using this resource !</strong></p>
-
Dashboard
- https://codelibrary.opendatasoft.com/page-templates/dashboard/
+ http://localhost:1313/page-templates/dashboard/
Mon, 07 Jun 2021 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard/
- There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.
-The second one, more advanced, built with the CSS Grid framework layout, for specific usages only.
+ http://localhost:1313/page-templates/dashboard/
+ <p>There is two version of the dashboard, the first one built with the standard ODS Layout, <strong>it suits to most users</strong>.</p>
<p>The second one, more advanced, built with the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework layout</a>, for specific usages only.</p>
-
Dashboard layouts
- https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/
+ http://localhost:1313/page-templates/dashboard-layouts/
Mon, 07 Jun 2021 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/
- These resources are split into 2 main parts
- Resources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource.
-ODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here.
+ http://localhost:1313/page-templates/dashboard-layouts/
+ <p>These resources are split into 2 main parts</p>
<ol>
<li>Resources built with standard ODS Layout</li>
<li>The same resources, built with the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework layout</a></li>
</ol>
<p>To see the final example made with these layouts, go to <a href="http://localhost:1313/page-templates/dashboard">dashboard resource</a>.</p>
<p><strong>ODS Layout</strong> is well known from Opendatasoft users, and these resources over-ride it by setting <code>row</code> as <code>display: flex</code>
elements to take advantage of Flexbox capabilities. You can see the <a href="http://localhost:1313/page-templates/ods-layout-over-ride">ODS Layout over-ride resource here</a>.</p>
<p><strong>CSS Grid framework</strong> refer to some custom CSS classes that over-rides CSS Grid layout. It’s mainly suitable for <strong>expert users only</strong> that are looking for more advanced layouts such as grids and multiple rows designs.
We strongly encourage you to have a look to the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework resource</a> before using it. And be assured that your needs really justify the use of this advanced layout system.</p>
-
CSS Grid Framework
- https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/
+ http://localhost:1313/page-templates/css-grid-framework/
Mon, 24 May 2021 12:12:02 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/
- This resource introduces a CSS Grid framework based on CSS Grid layout system.
- It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.
- CSS Grid is the most modern and performant way to structure pages.
-A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.
+ http://localhost:1313/page-templates/css-grid-framework/
+ <p>This resource introduces a <strong>CSS Grid framework</strong> based on CSS Grid layout system.</p>
<blockquote>
<p>It’s an alternative to ODS Layout system, suitable for <strong>expert users</strong>, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.</p>
</blockquote>
<p><strong>CSS Grid</strong> is the most modern and performant way to structure pages.</p>
<p>A <strong>framework</strong> is a set of CSS classes to set into the HTML to easily develop nice looking pages.</p>
-
Monitoring Dashboard
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
+ http://localhost:1313/page-templates/monitoring-dashboard/
Mon, 03 May 2021 15:26:47 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
- This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.
-Note: Since monitoring data are private, we use a dummy dataset in this example.
+ http://localhost:1313/page-templates/monitoring-dashboard/
+ <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.opendatasoft.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>.
See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p>
<p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p>
-
Data Story
- https://codelibrary.opendatasoft.com/page-templates/datastory/
+ http://localhost:1313/page-templates/datastory/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/datastory/
- Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.
+ http://localhost:1313/page-templates/datastory/
+ <p>Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.</p>
-
Fullscreen map with filters
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
-
Home page 1
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
-
Home page 2
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
-
Home page 3
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
-
Home page 4 with access cards
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
+ http://localhost:1313/page-templates/home-4-access-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
- This home page integrates the first version of the component Access cards to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.
-Tips
- You can use another version of the access cards by replacing the HTML between the comments <!--Start Access Card --> and <!--End Access Card --> and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/ You can change the background image of the access cards in the HTML file You can change the arrow icon of the access card with another icon from the Fontawesome Library
+ http://localhost:1313/page-templates/home-4-access-cards/
+ <p>This home page integrates the first version of the <a href="https://codelibrary.opendatasoft.com/components/access-card/">component Access cards</a> to highlight redirections to other pages.
The access cards are inserted in a grid container, so that all the cards have the same height.</p>
<p><strong>Tips</strong></p>
<ul>
<li>You can use another version of the access cards by replacing the HTML between the comments <code><!--Start Access Card --></code> and <code><!--End Access Card --></code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li>
<li>You can change the background image of the access cards in the HTML file</li>
<li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
+
+
+ Home page 5
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+ Mon, 01 Jan 0001 00:00:00 +0000
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+
-
Map & Refine
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
-
Observatory
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
-
Regional COVID-19 Dashboard
- https://codelibrary.opendatasoft.com/page-templates/regional-covid/
+ http://localhost:1313/page-templates/regional-covid/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/regional-covid/
+ http://localhost:1313/page-templates/regional-covid/
-
Timeline
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
-
diff --git a/public/page-templates/listing-page/index.html b/public/page-templates/listing-page/index.html
index 88f9c9aa0..c79e43580 100644
--- a/public/page-templates/listing-page/index.html
+++ b/public/page-templates/listing-page/index.html
@@ -1,12 +1,14 @@
-
+
Listing page – Codelibrary
+
+
diff --git a/public/page-templates/map-refine/index.html b/public/page-templates/map-refine/index.html
index 7bde4c4c3..c0d45d419 100644
--- a/public/page-templates/map-refine/index.html
+++ b/public/page-templates/map-refine/index.html
@@ -1,12 +1,14 @@
-
+
Map & Refine – Codelibrary
+
+
diff --git a/public/page-templates/monitoring-dashboard/index.html b/public/page-templates/monitoring-dashboard/index.html
index 75703c91c..2df131ccf 100644
--- a/public/page-templates/monitoring-dashboard/index.html
+++ b/public/page-templates/monitoring-dashboard/index.html
@@ -1,12 +1,14 @@
-
+
Monitoring Dashboard – Codelibrary
+
+
diff --git a/public/page-templates/observatory/index.html b/public/page-templates/observatory/index.html
index 49fbe7918..d5731b20e 100644
--- a/public/page-templates/observatory/index.html
+++ b/public/page-templates/observatory/index.html
@@ -1,12 +1,14 @@
-
+
Observatory – Codelibrary
+
+
diff --git a/public/page-templates/ods-layout-over-ride/index.html b/public/page-templates/ods-layout-over-ride/index.html
index f37fe4a87..a336b92af 100644
--- a/public/page-templates/ods-layout-over-ride/index.html
+++ b/public/page-templates/ods-layout-over-ride/index.html
@@ -1,12 +1,14 @@
-
+
ODS Layout over-ride – Codelibrary
+
+
diff --git a/public/page-templates/page/1/index.html b/public/page-templates/page/1/index.html
index 8f72dc6ce..54a473446 100644
--- a/public/page-templates/page/1/index.html
+++ b/public/page-templates/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/page-templates/
\ No newline at end of file
+
+
+
+ http://localhost:1313/page-templates/
+
+
+
+
+
+
diff --git a/public/page-templates/page/2/index.html b/public/page-templates/page/2/index.html
new file mode 100644
index 000000000..eeb682663
--- /dev/null
+++ b/public/page-templates/page/2/index.html
@@ -0,0 +1,814 @@
+
+
+
+
+
+ Page Templates – Codelibrary
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Page templates
+
+
+ Use these templates to easily create new pages that look sleek and you can customize to fit your needs.
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/tags/ai/index.xml b/public/tags/ai/index.xml
new file mode 100644
index 000000000..46ca1b724
--- /dev/null
+++ b/public/tags/ai/index.xml
@@ -0,0 +1,18 @@
+
+
+
+ Ai on Codelibrary
+ http://localhost:1313/tags/ai/
+ Recent content in Ai on Codelibrary
+ Hugo 0.125.2
+ en-us
+
+
+ Home page - search with AI
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+ Mon, 01 Jan 0001 00:00:00 +0000
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+
+
+
+
diff --git a/public/tags/ai/page/1/index.html b/public/tags/ai/page/1/index.html
new file mode 100644
index 000000000..1c5cb09c3
--- /dev/null
+++ b/public/tags/ai/page/1/index.html
@@ -0,0 +1,10 @@
+
+
+
+ http://localhost:1313/tags/ai/
+
+
+
+
+
+
diff --git a/public/tags/card/index.html b/public/tags/card/index.html
index 4e4915ac8..308fe8c16 100644
--- a/public/tags/card/index.html
+++ b/public/tags/card/index.html
@@ -1,12 +1,14 @@
-
+
- card – Codelibrary
+ Card – Codelibrary
+
+
diff --git a/public/tags/card/index.xml b/public/tags/card/index.xml
index 2d460d3cc..1c8e466cf 100644
--- a/public/tags/card/index.xml
+++ b/public/tags/card/index.xml
@@ -1,22 +1,19 @@
- card on Codelibrary
- https://codelibrary.opendatasoft.com/tags/card/
- Recent content in card on Codelibrary
- Hugo -- gohugo.io
+ Card on Codelibrary
+ http://localhost:1313/tags/card/
+ Recent content in Card on Codelibrary
+ Hugoen-us
- Wed, 08 Jun 2022 00:00:00 +0000
+ Wed, 08 Jun 2022 00:00:00 +0000
+ Access cards
- https://codelibrary.opendatasoft.com/components/access-card/
+ http://localhost:1313/components/access-card/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/access-card/
- Card to highlight a redirection to another page. Different styles are available.
-Tips:
- You can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library
+ http://localhost:1313/components/access-card/
+ <p>Card to highlight a redirection to another page. Different styles are available.</p>
<p><strong>Tips:</strong></p>
<ul>
<li>You can change the background image in the HTML file</li>
<li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
-
diff --git a/public/tags/card/page/1/index.html b/public/tags/card/page/1/index.html
index 80e1f63af..61c7a5f84 100644
--- a/public/tags/card/page/1/index.html
+++ b/public/tags/card/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/card/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/card/
+
+
+
+
+
+
diff --git a/public/tags/chart/index.html b/public/tags/chart/index.html
index 716e60ef5..90c8ed9c6 100644
--- a/public/tags/chart/index.html
+++ b/public/tags/chart/index.html
@@ -1,12 +1,14 @@
-
+
- chart – Codelibrary
+ Chart – Codelibrary
+
+
diff --git a/public/tags/chart/index.xml b/public/tags/chart/index.xml
index f9745556c..d7594dfff 100644
--- a/public/tags/chart/index.xml
+++ b/public/tags/chart/index.xml
@@ -1,97 +1,75 @@
- chart on Codelibrary
- https://codelibrary.opendatasoft.com/tags/chart/
- Recent content in chart on Codelibrary
- Hugo -- gohugo.io
+ Chart on Codelibrary
+ http://localhost:1313/tags/chart/
+ Recent content in Chart on Codelibrary
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0100
+ Wed, 30 Mar 2022 00:00:00 +0100
+ Comparison Generator
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
-
Eco-Counter / Eco-Compteur
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
+ http://localhost:1313/custom-views/eco-compteur/
Thu, 09 Dec 2021 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
- See it live here !
+ http://localhost:1313/custom-views/eco-compteur/
+ <p><a href="https://eco-compteur-odsapps.opendatasoft.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p>
-
Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
ods-chart: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
Thu, 29 Jul 2021 10:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
-
ods-chart: Custom CSS Library
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
Tue, 06 Apr 2021 21:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
-
Animations
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
Tue, 06 Apr 2021 20:57:00 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
-
Chart samples
- https://codelibrary.opendatasoft.com/widget-tricks/charts/
+ http://localhost:1313/widget-tricks/charts/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/charts/
+ http://localhost:1313/widget-tricks/charts/
-
Drill-down refine in charts
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
-
ods-analysis, quick intro
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
+ http://localhost:1313/widget-tricks/ods-analysis/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
- The technical documentation says :
-This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.
-Normal people would say :
-Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis.
+ http://localhost:1313/widget-tricks/ods-analysis/
+ <p><strong>The technical documentation says :</strong></p>
<p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.</em></p>
<p><strong>Normal people would say :</strong></p>
<p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p>
-
diff --git a/public/tags/chart/page/1/index.html b/public/tags/chart/page/1/index.html
index e255720ae..58aed8c2a 100644
--- a/public/tags/chart/page/1/index.html
+++ b/public/tags/chart/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/chart/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/chart/
+
+
+
+
+
+
diff --git a/public/tags/date/index.html b/public/tags/date/index.html
index 7abc3730b..317ee5c0d 100644
--- a/public/tags/date/index.html
+++ b/public/tags/date/index.html
@@ -1,12 +1,14 @@
-
+
- date – Codelibrary
+ Date – Codelibrary
+
+
diff --git a/public/tags/date/index.xml b/public/tags/date/index.xml
index 1d18fed66..9c9465c27 100644
--- a/public/tags/date/index.xml
+++ b/public/tags/date/index.xml
@@ -1,19 +1,18 @@
- date on Codelibrary
- https://codelibrary.opendatasoft.com/tags/date/
- Recent content in date on Codelibrary
- Hugo -- gohugo.io
- en-us
+ Date on Codelibrary
+ http://localhost:1313/tags/date/
+ Recent content in Date on Codelibrary
+ Hugo
+ en-us
+ Dates
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
-
diff --git a/public/tags/date/page/1/index.html b/public/tags/date/page/1/index.html
index 23930dd38..4e49df752 100644
--- a/public/tags/date/page/1/index.html
+++ b/public/tags/date/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/date/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/date/
+
+
+
+
+
+
diff --git a/public/tags/display/index.html b/public/tags/display/index.html
index f8144da5c..69a3809ee 100644
--- a/public/tags/display/index.html
+++ b/public/tags/display/index.html
@@ -1,12 +1,14 @@
-
+
- display – Codelibrary
+ Display – Codelibrary
+
+
diff --git a/public/tags/display/index.xml b/public/tags/display/index.xml
index d89cf6bf0..3e91ac387 100644
--- a/public/tags/display/index.xml
+++ b/public/tags/display/index.xml
@@ -1,499 +1,369 @@
- display on Codelibrary
- https://codelibrary.opendatasoft.com/tags/display/
- Recent content in display on Codelibrary
- Hugo -- gohugo.io
+ Display on Codelibrary
+ http://localhost:1313/tags/display/
+ Recent content in Display on Codelibrary
+ Hugoen-us
- Tue, 23 May 2023 12:00:00 +0200
+ Tue, 23 May 2023 12:00:00 +0200
+ Dashboard with filters
- https://codelibrary.opendatasoft.com/page-templates/dashboard-filter/
+ http://localhost:1313/page-templates/dashboard-filter/
Tue, 23 May 2023 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard-filter/
- This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.
+ http://localhost:1313/page-templates/dashboard-filter/
+ <p>This dashboard displays KPIs, charts, map, and includes filters to customize your analysis.</p>
-
Dataviz gallery page
- https://codelibrary.opendatasoft.com/page-templates/dataviz-gallery/
+ http://localhost:1313/page-templates/dataviz-gallery/
Fri, 17 Mar 2023 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dataviz-gallery/
- This template is a mixture of the Listing page template and the Access Cards component. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.
-It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.
-This ressource integrates the following widgets:
+ http://localhost:1313/page-templates/dataviz-gallery/
+ <p>This template is a mixture of the <a href="http://localhost:1313/page-templates/listing-page/">Listing page template</a> and the <a href="http://localhost:1313/components/access-card/">Access Cards component</a>. It was created to offer a simple way of showcasing your data visualizations, custom views, maps and Studio pages on your portal.</p>
<p>It offers more customization possibilities to advanced users who would like to add or remove items from this template, like additional filters, new card content or adding a date range slider.</p>
<p>This ressource integrates the following widgets:</p>
-
ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
Comparison Generator
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
-
ods-select
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
+ http://localhost:1313/widget-tricks/ods-select/
Sun, 20 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
- ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.
-ods-select widget documentation
+ http://localhost:1313/widget-tricks/ods-select/
+ <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p>
-
Listing Generator
- https://codelibrary.opendatasoft.com/generators/listing-generator/
+ http://localhost:1313/generators/listing-generator/
Thu, 10 Feb 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/listing-generator/
- The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)
- Find the complete documentation at the end of this page
+ http://localhost:1313/generators/listing-generator/
+ <blockquote>
<p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)</p>
</blockquote>
<p>Find <a href="http://localhost:1313/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p>
-
Switch Module
- https://codelibrary.opendatasoft.com/components/switch-toggle/
+ http://localhost:1313/components/switch-toggle/
Tue, 25 Jan 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/switch-toggle/
- A switch is a visual toggle between two mutually exclusive states — on and off.
-Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!
+ http://localhost:1313/components/switch-toggle/
+ <p>A switch is a visual toggle between two mutually exclusive states — on and off.</p>
<p>Check the example on the bottom of the page to see how to add Angular attributes to the component and use it in your pages!</p>
-
Listing page
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
Wed, 05 Jan 2022 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
-
Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
ods-chart: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
Thu, 29 Jul 2021 10:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
-
ods-results
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
+ http://localhost:1313/widget-tricks/ods-results/
Mon, 21 Jun 2021 20:03:38 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
- ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.
-ods-results widget documentation
-Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.
+ http://localhost:1313/widget-tricks/ods-results/
+ <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p>
<p>Several Code Library resources rely on ods-results, for example the <a href="http://localhost:1313/components/table-module/">table module component</a>, to list records in a table.
The <a href="http://localhost:1313/components/search-module/">search module component</a>, to display the results of a search query.
The <a href="http://localhost:1313/generators">generators</a> also use an ods-results internally to list dataset content.</p>
-
Heatmaps with CSS Grid
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
+ http://localhost:1313/widget-tricks/heatmaps-custom/
Mon, 21 Jun 2021 14:46:16 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
- We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here
- Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.
-For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.
+ http://localhost:1313/widget-tricks/heatmaps-custom/
+ <blockquote>
<p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource.
<a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p>
</blockquote>
<p>Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.</p>
<p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor.
Legends might also be a concern as they can overlap if they are too long.</p>
-
Material themed cards
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
+ http://localhost:1313/components/material-themed-cards/
Wed, 09 Jun 2021 10:39:16 +0200
-
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
- These cards are meant to be themed using only the following variables:
- --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.
-These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.
-All cards are prented with a sticky filter bar, to present how they can interact.
+ http://localhost:1313/components/material-themed-cards/
+ <p>These cards are meant to be themed using only the following variables:</p>
<pre tabindex="0"><code> --primary-hue: 265;
--primary-saturation: 90%;
--primary-lightness: 47%;
--surface: white;
--background: white;
--card-text: #424242;
--body-text: #424242;
</code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p>
<p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p>
<p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p>
-
KPI Generator
- https://codelibrary.opendatasoft.com/generators/kpi-generator/
+ http://localhost:1313/generators/kpi-generator/
Tue, 08 Jun 2021 00:05:01 +0200
-
- https://codelibrary.opendatasoft.com/generators/kpi-generator/
- EXPERIMENTAL
- This generator builds a KPI wall.
-With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.
-Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…
-As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage.
+ http://localhost:1313/generators/kpi-generator/
+ <blockquote>
<p>EXPERIMENTAL</p>
</blockquote>
<p>This generator builds a KPI wall.</p>
<p>With specific parameters for each KPI card, it will compare values, compute a progression or analyse how your data evolved over time on a specific period.</p>
<p>Like any other generator, it deals with all the complexity of manipulating dates, refining specific context, computing and comparing aggregation etc…</p>
<p>As the code is complex, and the resource might be difficult to reuse, we consider it experimental and share it in an early stage. Do not hesitate to send us your feedbacks, we highly appreciate your help to make this generator evolve.</p>
-
ODS Layout over-ride
- https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/
+ http://localhost:1313/page-templates/ods-layout-over-ride/
Mon, 07 Jun 2021 12:12:02 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/ods-layout-over-ride/
- This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout.
-Flexbox brings two major benefits compared to the actual layout :
- Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource !
+ http://localhost:1313/page-templates/ods-layout-over-ride/
+ <p>This resource is an over-ride of ODS default layout system by transforming a <code>row</code> and it’s children into a Flexbox layout.</p>
<p><strong>Flexbox</strong> brings two major benefits compared to the actual layout :</p>
<ul>
<li>Equal height of children of a same row</li>
<li>re-ordering elements</li>
</ul>
<p><strong>If any of these two benefits are useful to your project, there is no interest in using this resource !</strong></p>
-
Dashboard
- https://codelibrary.opendatasoft.com/page-templates/dashboard/
+ http://localhost:1313/page-templates/dashboard/
Mon, 07 Jun 2021 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard/
- There is two version of the dashboard, the first one built with the standard ODS Layout, it suits to most users.
-The second one, more advanced, built with the CSS Grid framework layout, for specific usages only.
+ http://localhost:1313/page-templates/dashboard/
+ <p>There is two version of the dashboard, the first one built with the standard ODS Layout, <strong>it suits to most users</strong>.</p>
<p>The second one, more advanced, built with the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework layout</a>, for specific usages only.</p>
-
Dashboard layouts
- https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/
+ http://localhost:1313/page-templates/dashboard-layouts/
Mon, 07 Jun 2021 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/dashboard-layouts/
- These resources are split into 2 main parts
- Resources built with standard ODS Layout The same resources, built with the CSS Grid framework layout To see the final example made with these layouts, go to dashboard resource.
-ODS Layout is well known from Opendatasoft users, and these resources over-ride it by setting row as display: flex elements to take advantage of Flexbox capabilities. You can see the ODS Layout over-ride resource here.
+ http://localhost:1313/page-templates/dashboard-layouts/
+ <p>These resources are split into 2 main parts</p>
<ol>
<li>Resources built with standard ODS Layout</li>
<li>The same resources, built with the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework layout</a></li>
</ol>
<p>To see the final example made with these layouts, go to <a href="http://localhost:1313/page-templates/dashboard">dashboard resource</a>.</p>
<p><strong>ODS Layout</strong> is well known from Opendatasoft users, and these resources over-ride it by setting <code>row</code> as <code>display: flex</code>
elements to take advantage of Flexbox capabilities. You can see the <a href="http://localhost:1313/page-templates/ods-layout-over-ride">ODS Layout over-ride resource here</a>.</p>
<p><strong>CSS Grid framework</strong> refer to some custom CSS classes that over-rides CSS Grid layout. It’s mainly suitable for <strong>expert users only</strong> that are looking for more advanced layouts such as grids and multiple rows designs.
We strongly encourage you to have a look to the <a href="http://localhost:1313/page-templates/css-grid-framework">CSS Grid framework resource</a> before using it. And be assured that your needs really justify the use of this advanced layout system.</p>
-
CSS Grid Framework
- https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/
+ http://localhost:1313/page-templates/css-grid-framework/
Mon, 24 May 2021 12:12:02 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/css-grid-framework/
- This resource introduces a CSS Grid framework based on CSS Grid layout system.
- It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.
- CSS Grid is the most modern and performant way to structure pages.
-A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.
+ http://localhost:1313/page-templates/css-grid-framework/
+ <p>This resource introduces a <strong>CSS Grid framework</strong> based on CSS Grid layout system.</p>
<blockquote>
<p>It’s an alternative to ODS Layout system, suitable for <strong>expert users</strong>, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one.</p>
</blockquote>
<p><strong>CSS Grid</strong> is the most modern and performant way to structure pages.</p>
<p>A <strong>framework</strong> is a set of CSS classes to set into the HTML to easily develop nice looking pages.</p>
-
Monitoring Dashboard
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
+ http://localhost:1313/page-templates/monitoring-dashboard/
Mon, 03 May 2021 15:26:47 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
- This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.
-Note: Since monitoring data are private, we use a dummy dataset in this example.
+ http://localhost:1313/page-templates/monitoring-dashboard/
+ <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.opendatasoft.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>.
See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p>
<p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p>
-
ods-chart: Custom CSS Library
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
Tue, 06 Apr 2021 21:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
-
Animations
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
Tue, 06 Apr 2021 20:57:00 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
-
Custom view Generator
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
-
Custom view Generator
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
-
KPIs
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
Tue, 23 Feb 2021 15:21:27 +0100
-
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
-
Static maps, a quick introduction
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
+ http://localhost:1313/widget-tricks/svg-maps/
Mon, 24 Aug 2020 15:57:58 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
- When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.
-In this situation, you might prefer a static colored picture over a classic map widget.
+ http://localhost:1313/widget-tricks/svg-maps/
+ <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p>
<p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p>
-
Buttons
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
-
Contact Cards
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
-
Custom catalog card
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
+ http://localhost:1313/widget-tricks/catalog-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
- The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).
-The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.
+ http://localhost:1313/widget-tricks/catalog-cards/
+ <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.opendatasoft.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p>
<p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version.
This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p>
-
Custom theme boxes
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
+ http://localhost:1313/components/custom-theme-boxes/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
- Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.
+ http://localhost:1313/components/custom-theme-boxes/
+ <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p>
-
Data Story
- https://codelibrary.opendatasoft.com/page-templates/datastory/
+ http://localhost:1313/page-templates/datastory/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/datastory/
- Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.
+ http://localhost:1313/page-templates/datastory/
+ <p>Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.</p>
-
Dropdown module
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
-
Filters as an HTML Select
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
+ http://localhost:1313/widget-tricks/filter-as-list/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
- !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here
-
+ http://localhost:1313/widget-tricks/filter-as-list/
+ <blockquote>
<p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead.
<a href="https://codelibrary.opendatasoft.com/widget-tricks/ods-select/">Documentation available here</a></p>
</blockquote>
-
Full screen Map Generator
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
+ http://localhost:1313/generators/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/fullscreen-map/
+ <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
Fullscreen map with filters
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
-
Home page 1
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
-
Home page 2
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
-
Home page 3
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
-
Home page 4 with access cards
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
+ http://localhost:1313/page-templates/home-4-access-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
- This home page integrates the first version of the component Access cards to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.
-Tips
- You can use another version of the access cards by replacing the HTML between the comments <!--Start Access Card --> and <!--End Access Card --> and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/ You can change the background image of the access cards in the HTML file You can change the arrow icon of the access card with another icon from the Fontawesome Library
+ http://localhost:1313/page-templates/home-4-access-cards/
+ <p>This home page integrates the first version of the <a href="https://codelibrary.opendatasoft.com/components/access-card/">component Access cards</a> to highlight redirections to other pages.
The access cards are inserted in a grid container, so that all the cards have the same height.</p>
<p><strong>Tips</strong></p>
<ul>
<li>You can use another version of the access cards by replacing the HTML between the comments <code><!--Start Access Card --></code> and <code><!--End Access Card --></code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li>
<li>You can change the background image of the access cards in the HTML file</li>
<li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
+
+
+ Home page 5
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+ Mon, 01 Jan 0001 00:00:00 +0000
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+
-
Image cards
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
-
Map Listing Generator
- https://codelibrary.opendatasoft.com/generators/map-listing/
+ http://localhost:1313/generators/map-listing/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/map-listing/
- Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/map-listing/
+ <blockquote>
<p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="http://localhost:1313/generators/listing-generator/">listing generator</a> instead of this resource.</p>
</blockquote>
<p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
Observatory
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
-
ods-analysis, quick intro
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
+ http://localhost:1313/widget-tricks/ods-analysis/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
- The technical documentation says :
-This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.
-Normal people would say :
-Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis.
+ http://localhost:1313/widget-tricks/ods-analysis/
+ <p><strong>The technical documentation says :</strong></p>
<p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.</em></p>
<p><strong>Normal people would say :</strong></p>
<p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p>
-
ods-color-gradient + ods-map : a choropleth alternative
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
+ http://localhost:1313/widget-tricks/ods-color-gradient/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
- This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.
-One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).
-The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.
+ http://localhost:1313/widget-tricks/ods-color-gradient/
+ <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p>
<p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p>
<p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p>
-
ods-map: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
-
ods-pop-in variants
- https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/
+ http://localhost:1313/widget-tricks/ods-pop-in/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/
- Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.
+ http://localhost:1313/widget-tricks/ods-pop-in/
+ <p>Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.</p>
-
ods-simple-tabs
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
- The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
+ <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout.
Below are a few different styles that can be applied to the widget in order to fit different use cases.</p>
-
Regional COVID-19 Dashboard
- https://codelibrary.opendatasoft.com/page-templates/regional-covid/
+ http://localhost:1313/page-templates/regional-covid/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/regional-covid/
+ http://localhost:1313/page-templates/regional-covid/
-
Share and print
- https://codelibrary.opendatasoft.com/widget-tricks/share-print/
+ http://localhost:1313/widget-tricks/share-print/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/share-print/
+ http://localhost:1313/widget-tricks/share-print/
-
Table module
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
-
Timeline
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
-
diff --git a/public/tags/display/page/1/index.html b/public/tags/display/page/1/index.html
index b5077a1f8..3e92332a5 100644
--- a/public/tags/display/page/1/index.html
+++ b/public/tags/display/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/display/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/display/
+
+
+
+
+
+
diff --git a/public/tags/display/page/2/index.html b/public/tags/display/page/2/index.html
index a6d7c18ea..77a201b04 100644
--- a/public/tags/display/page/2/index.html
+++ b/public/tags/display/page/2/index.html
@@ -1,12 +1,14 @@
-
+
- display – Codelibrary
+ Display – Codelibrary
+
+
diff --git a/public/tags/display/page/3/index.html b/public/tags/display/page/3/index.html
index c83a9e89e..59b1365af 100644
--- a/public/tags/display/page/3/index.html
+++ b/public/tags/display/page/3/index.html
@@ -1,12 +1,14 @@
-
+
- display – Codelibrary
+ Display – Codelibrary
+
+
diff --git a/public/tags/filter/index.html b/public/tags/filter/index.html
index efe179430..5a874a546 100644
--- a/public/tags/filter/index.html
+++ b/public/tags/filter/index.html
@@ -1,12 +1,14 @@
-
+
- filter – Codelibrary
+ Filter – Codelibrary
+
+
diff --git a/public/tags/filter/index.xml b/public/tags/filter/index.xml
index 67bc20390..6521dcb4f 100644
--- a/public/tags/filter/index.xml
+++ b/public/tags/filter/index.xml
@@ -1,102 +1,82 @@
- filter on Codelibrary
- https://codelibrary.opendatasoft.com/tags/filter/
- Recent content in filter on Codelibrary
- Hugo -- gohugo.io
+ Filter on Codelibrary
+ http://localhost:1313/tags/filter/
+ Recent content in Filter on Codelibrary
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0000
+ Wed, 30 Mar 2022 00:00:00 +0000
+ ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
Comparison Generator
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
-
Dates
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
-
Drill-down refine in charts
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
-
Dropdown module
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
-
Filters
- https://codelibrary.opendatasoft.com/components/filters/
+ http://localhost:1313/components/filters/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/filters/
+ http://localhost:1313/components/filters/
-
Filters as an HTML Select
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
+ http://localhost:1313/widget-tricks/filter-as-list/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
- !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here
-
+ http://localhost:1313/widget-tricks/filter-as-list/
+ <blockquote>
<p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead.
<a href="https://codelibrary.opendatasoft.com/widget-tricks/ods-select/">Documentation available here</a></p>
</blockquote>
-
Map & Refine
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
-
Observatory
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/observatory/
+ http://localhost:1313/page-templates/observatory/
-
ods-date-range-slider
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
-
diff --git a/public/tags/filter/page/1/index.html b/public/tags/filter/page/1/index.html
index 30fafc5b7..ede07aa2e 100644
--- a/public/tags/filter/page/1/index.html
+++ b/public/tags/filter/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/filter/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/filter/
+
+
+
+
+
+
diff --git a/public/tags/geo/index.html b/public/tags/geo/index.html
index ca5a2d441..b5599ce91 100644
--- a/public/tags/geo/index.html
+++ b/public/tags/geo/index.html
@@ -1,12 +1,14 @@
-
+
- geo – Codelibrary
+ Geo – Codelibrary
+
+
diff --git a/public/tags/geo/index.xml b/public/tags/geo/index.xml
index ffc4332f8..0eeb78182 100644
--- a/public/tags/geo/index.xml
+++ b/public/tags/geo/index.xml
@@ -1,78 +1,61 @@
- geo on Codelibrary
- https://codelibrary.opendatasoft.com/tags/geo/
- Recent content in geo on Codelibrary
- Hugo -- gohugo.io
+ Geo on Codelibrary
+ http://localhost:1313/tags/geo/
+ Recent content in Geo on Codelibrary
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0000
+ Wed, 30 Mar 2022 00:00:00 +0000
+ ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
Static maps, a quick introduction
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
+ http://localhost:1313/widget-tricks/svg-maps/
Mon, 24 Aug 2020 15:57:58 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
- When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.
-In this situation, you might prefer a static colored picture over a classic map widget.
+ http://localhost:1313/widget-tricks/svg-maps/
+ <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p>
<p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p>
-
Full screen Map Generator
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
+ http://localhost:1313/generators/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/fullscreen-map/
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/fullscreen-map/
+ <p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
Fullscreen map with filters
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
-
Map Listing Generator
- https://codelibrary.opendatasoft.com/generators/map-listing/
+ http://localhost:1313/generators/map-listing/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/map-listing/
- Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/map-listing/
+ <blockquote>
<p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="http://localhost:1313/generators/listing-generator/">listing generator</a> instead of this resource.</p>
</blockquote>
<p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
ods-color-gradient + ods-map : a choropleth alternative
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
+ http://localhost:1313/widget-tricks/ods-color-gradient/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
- This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.
-One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).
-The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.
+ http://localhost:1313/widget-tricks/ods-color-gradient/
+ <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p>
<p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p>
<p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p>
-
ods-map: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
-
diff --git a/public/tags/geo/page/1/index.html b/public/tags/geo/page/1/index.html
index 79c29358a..d45f72d8b 100644
--- a/public/tags/geo/page/1/index.html
+++ b/public/tags/geo/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/geo/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/geo/
+
+
+
+
+
+
diff --git a/public/tags/index.html b/public/tags/index.html
index 9562c473e..f363a9c43 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -1,12 +1,14 @@
-
+
Tags – Codelibrary
+
+
diff --git a/public/tags/index.xml b/public/tags/index.xml
index 69c6eabda..be9211478 100644
--- a/public/tags/index.xml
+++ b/public/tags/index.xml
@@ -2,154 +2,123 @@
Tags on Codelibrary
- https://codelibrary.opendatasoft.com/tags/
+ http://localhost:1313/tags/
Recent content in Tags on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Tue, 23 May 2023 12:00:00 +0200
+ Tue, 23 May 2023 12:00:00 +0200
+
- display
- https://codelibrary.opendatasoft.com/tags/display/
+ Display
+ http://localhost:1313/tags/display/
Tue, 23 May 2023 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/tags/display/
+ http://localhost:1313/tags/display/
-
- card
- https://codelibrary.opendatasoft.com/tags/card/
+ Card
+ http://localhost:1313/tags/card/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/card/
+ http://localhost:1313/tags/card/
-
- navigation
- https://codelibrary.opendatasoft.com/tags/navigation/
+ Navigation
+ http://localhost:1313/tags/navigation/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/navigation/
+ http://localhost:1313/tags/navigation/
-
- redirection
- https://codelibrary.opendatasoft.com/tags/redirection/
+ Redirection
+ http://localhost:1313/tags/redirection/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/redirection/
+ http://localhost:1313/tags/redirection/
-
- filter
- https://codelibrary.opendatasoft.com/tags/filter/
+ Filter
+ http://localhost:1313/tags/filter/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/filter/
+ http://localhost:1313/tags/filter/
-
- geo
- https://codelibrary.opendatasoft.com/tags/geo/
+ Geo
+ http://localhost:1313/tags/geo/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/geo/
+ http://localhost:1313/tags/geo/
-
- map
- https://codelibrary.opendatasoft.com/tags/map/
+ Map
+ http://localhost:1313/tags/map/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/map/
+ http://localhost:1313/tags/map/
-
- ods-maps
- https://codelibrary.opendatasoft.com/tags/ods-maps/
+ Ods-Maps
+ http://localhost:1313/tags/ods-maps/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/ods-maps/
+ http://localhost:1313/tags/ods-maps/
-
- chart
- https://codelibrary.opendatasoft.com/tags/chart/
+ Chart
+ http://localhost:1313/tags/chart/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/tags/chart/
+ http://localhost:1313/tags/chart/
-
- list
- https://codelibrary.opendatasoft.com/tags/list/
+ List
+ http://localhost:1313/tags/list/
Sun, 20 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/list/
+ http://localhost:1313/tags/list/
-
- aggregation
- https://codelibrary.opendatasoft.com/tags/aggregation/
+ Aggregation
+ http://localhost:1313/tags/aggregation/
Thu, 09 Dec 2021 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/aggregation/
+ http://localhost:1313/tags/aggregation/
-
- ods-adv-analysis
- https://codelibrary.opendatasoft.com/tags/ods-adv-analysis/
+ Ods-Adv-Analysis
+ http://localhost:1313/tags/ods-adv-analysis/
Thu, 09 Dec 2021 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/ods-adv-analysis/
+ http://localhost:1313/tags/ods-adv-analysis/
-
- ods-aggregation
- https://codelibrary.opendatasoft.com/tags/ods-aggregation/
+ Ods-Aggregation
+ http://localhost:1313/tags/ods-aggregation/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/tags/ods-aggregation/
+ http://localhost:1313/tags/ods-aggregation/
-
- ods-subaggregation
- https://codelibrary.opendatasoft.com/tags/ods-subaggregation/
+ Ods-Subaggregation
+ http://localhost:1313/tags/ods-subaggregation/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/tags/ods-subaggregation/
+ http://localhost:1313/tags/ods-subaggregation/
-
- ods-analysis
- https://codelibrary.opendatasoft.com/tags/ods-analysis/
+ Ods-Analysis
+ http://localhost:1313/tags/ods-analysis/
Mon, 21 Jun 2021 14:46:16 +0200
-
- https://codelibrary.opendatasoft.com/tags/ods-analysis/
+ http://localhost:1313/tags/ods-analysis/
-
- date
- https://codelibrary.opendatasoft.com/tags/date/
+ Date
+ http://localhost:1313/tags/date/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/tags/date/
+ http://localhost:1313/tags/date/
-
diff --git a/public/tags/list/index.html b/public/tags/list/index.html
index 45cff65c0..19f1f2923 100644
--- a/public/tags/list/index.html
+++ b/public/tags/list/index.html
@@ -1,12 +1,14 @@
-
+
- list – Codelibrary
+ List – Codelibrary
+
+
diff --git a/public/tags/list/index.xml b/public/tags/list/index.xml
index 23e8019a1..dbed4d913 100644
--- a/public/tags/list/index.xml
+++ b/public/tags/list/index.xml
@@ -1,211 +1,159 @@
- list on Codelibrary
- https://codelibrary.opendatasoft.com/tags/list/
- Recent content in list on Codelibrary
- Hugo -- gohugo.io
+ List on Codelibrary
+ http://localhost:1313/tags/list/
+ Recent content in List on Codelibrary
+ Hugoen-us
- Sun, 20 Mar 2022 00:00:00 +0000
+ Sun, 20 Mar 2022 00:00:00 +0000
+ ods-select
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
+ http://localhost:1313/widget-tricks/ods-select/
Sun, 20 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
- ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.
-ods-select widget documentation
+ http://localhost:1313/widget-tricks/ods-select/
+ <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p>
-
Listing Generator
- https://codelibrary.opendatasoft.com/generators/listing-generator/
+ http://localhost:1313/generators/listing-generator/
Thu, 10 Feb 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/listing-generator/
- The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)
- Find the complete documentation at the end of this page
+ http://localhost:1313/generators/listing-generator/
+ <blockquote>
<p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)</p>
</blockquote>
<p>Find <a href="http://localhost:1313/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p>
-
Listing page
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
Wed, 05 Jan 2022 12:00:00 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/listing-page/
+ http://localhost:1313/page-templates/listing-page/
-
ods-results
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
+ http://localhost:1313/widget-tricks/ods-results/
Mon, 21 Jun 2021 20:03:38 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
- ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.
-ods-results widget documentation
-Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.
+ http://localhost:1313/widget-tricks/ods-results/
+ <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p>
<p>Several Code Library resources rely on ods-results, for example the <a href="http://localhost:1313/components/table-module/">table module component</a>, to list records in a table.
The <a href="http://localhost:1313/components/search-module/">search module component</a>, to display the results of a search query.
The <a href="http://localhost:1313/generators">generators</a> also use an ods-results internally to list dataset content.</p>
-
Material themed cards
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
+ http://localhost:1313/components/material-themed-cards/
Wed, 09 Jun 2021 10:39:16 +0200
-
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
- These cards are meant to be themed using only the following variables:
- --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.
-These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.
-All cards are prented with a sticky filter bar, to present how they can interact.
+ http://localhost:1313/components/material-themed-cards/
+ <p>These cards are meant to be themed using only the following variables:</p>
<pre tabindex="0"><code> --primary-hue: 265;
--primary-saturation: 90%;
--primary-lightness: 47%;
--surface: white;
--background: white;
--card-text: #424242;
--body-text: #424242;
</code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p>
<p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p>
<p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p>
-
Monitoring Dashboard
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
+ http://localhost:1313/page-templates/monitoring-dashboard/
Mon, 03 May 2021 15:26:47 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
- This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.
-Note: Since monitoring data are private, we use a dummy dataset in this example.
+ http://localhost:1313/page-templates/monitoring-dashboard/
+ <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.opendatasoft.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>.
See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p>
<p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p>
-
Custom view Generator
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
-
Custom view Generator
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
-
KPIs
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
Tue, 23 Feb 2021 15:21:27 +0100
-
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
-
Buttons
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
-
Contact Cards
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
-
Content cards
- https://codelibrary.opendatasoft.com/components/content-card/
+ http://localhost:1313/components/content-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/content-card/
- Generic card to display your content. Some classes are available to easily style your titles, text and buttons.
+ http://localhost:1313/components/content-card/
+ <p>Generic card to display your content. Some classes are available to easily style your titles, text and buttons.</p>
-
Custom catalog card
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
+ http://localhost:1313/widget-tricks/catalog-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
- The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).
-The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.
+ http://localhost:1313/widget-tricks/catalog-cards/
+ <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.opendatasoft.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p>
<p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version.
This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p>
-
Custom theme boxes
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
+ http://localhost:1313/components/custom-theme-boxes/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
- Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.
+ http://localhost:1313/components/custom-theme-boxes/
+ <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p>
-
Dropdown module
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
-
Filters as an HTML Select
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
+ http://localhost:1313/widget-tricks/filter-as-list/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
- !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here
-
+ http://localhost:1313/widget-tricks/filter-as-list/
+ <blockquote>
<p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead.
<a href="https://codelibrary.opendatasoft.com/widget-tricks/ods-select/">Documentation available here</a></p>
</blockquote>
-
Image cards
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
-
Map Listing Generator
- https://codelibrary.opendatasoft.com/generators/map-listing/
+ http://localhost:1313/generators/map-listing/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/generators/map-listing/
- Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the listing generator instead of this resource.
- Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.
+ http://localhost:1313/generators/map-listing/
+ <blockquote>
<p>Note: The listing generator V3 can now handle maps, pagination and other new features. We then recommend to use the <a href="http://localhost:1313/generators/listing-generator/">listing generator</a> instead of this resource.</p>
</blockquote>
<p>Edit only a few settings to generate a modern looking visualization that uses ODS components and widgets.</p>
-
ods-date-range-slider
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
-
Table module
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/table-module/
+ http://localhost:1313/components/table-module/
-
Timeline
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/timeline/
+ http://localhost:1313/page-templates/timeline/
-
diff --git a/public/tags/list/page/1/index.html b/public/tags/list/page/1/index.html
index edf56f6d4..a0aff103b 100644
--- a/public/tags/list/page/1/index.html
+++ b/public/tags/list/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/list/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/list/
+
+
+
+
+
+
diff --git a/public/tags/list/page/2/index.html b/public/tags/list/page/2/index.html
index a34ba9b9b..247dfeff7 100644
--- a/public/tags/list/page/2/index.html
+++ b/public/tags/list/page/2/index.html
@@ -1,12 +1,14 @@
-
+
- list – Codelibrary
+ List – Codelibrary
+
+
diff --git a/public/tags/map/index.html b/public/tags/map/index.html
index d9de4dfbe..6857d8b9e 100644
--- a/public/tags/map/index.html
+++ b/public/tags/map/index.html
@@ -1,12 +1,14 @@
-
+
- map – Codelibrary
+ Map – Codelibrary
+
+
diff --git a/public/tags/map/index.xml b/public/tags/map/index.xml
index 08141b549..85c2d9a87 100644
--- a/public/tags/map/index.xml
+++ b/public/tags/map/index.xml
@@ -1,38 +1,33 @@
- map on Codelibrary
- https://codelibrary.opendatasoft.com/tags/map/
- Recent content in map on Codelibrary
- Hugo -- gohugo.io
+ Map on Codelibrary
+ http://localhost:1313/tags/map/
+ Recent content in Map on Codelibrary
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0000
+ Wed, 30 Mar 2022 00:00:00 +0000
+ ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
GTFS Custom View
- https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/
+ http://localhost:1313/custom-views/gtfs-custom/
Tue, 09 Feb 2021 11:18:31 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/gtfs-custom/
- This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a custom view inside your catalog or on a custom page.
+ http://localhost:1313/custom-views/gtfs-custom/
+ <p>This custom view will let you display routes and stops from a General Transit Feed Specification (GTFS) file. It can be used either as a <a href="https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/06_configuring_custom_view/custom.html#configuring-the-custom-view">custom view</a> inside your catalog or on a custom page.</p>
-
Custom Tooltips
- https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/
+ http://localhost:1313/widget-tricks/custom-tooltips/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/
- These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.
+ http://localhost:1313/widget-tricks/custom-tooltips/
+ <p>These are resources to create custom tooltips for your maps. You can use them directly <a href="https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip">in the map editor</a> (in which case you will omit the context) or in your pages.</p>
-
diff --git a/public/tags/map/page/1/index.html b/public/tags/map/page/1/index.html
index 0ac53a06c..405b172db 100644
--- a/public/tags/map/page/1/index.html
+++ b/public/tags/map/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/map/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/map/
+
+
+
+
+
+
diff --git a/public/tags/navigation/index.html b/public/tags/navigation/index.html
index 181e1a0f6..40d268eee 100644
--- a/public/tags/navigation/index.html
+++ b/public/tags/navigation/index.html
@@ -1,12 +1,14 @@
-
+
- navigation – Codelibrary
+ Navigation – Codelibrary
+
+
diff --git a/public/tags/navigation/index.xml b/public/tags/navigation/index.xml
index 1677fce60..07df0959e 100644
--- a/public/tags/navigation/index.xml
+++ b/public/tags/navigation/index.xml
@@ -1,259 +1,201 @@
- navigation on Codelibrary
- https://codelibrary.opendatasoft.com/tags/navigation/
- Recent content in navigation on Codelibrary
- Hugo -- gohugo.io
+ Navigation on Codelibrary
+ http://localhost:1313/tags/navigation/
+ Recent content in Navigation on Codelibrary
+ Hugoen-us
- Wed, 08 Jun 2022 00:00:00 +0000
+ Wed, 08 Jun 2022 00:00:00 +0000
+ Access cards
- https://codelibrary.opendatasoft.com/components/access-card/
+ http://localhost:1313/components/access-card/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/access-card/
- Card to highlight a redirection to another page. Different styles are available.
-Tips:
- You can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library
+ http://localhost:1313/components/access-card/
+ <p>Card to highlight a redirection to another page. Different styles are available.</p>
<p><strong>Tips:</strong></p>
<ul>
<li>You can change the background image in the HTML file</li>
<li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
-
Search module
- https://codelibrary.opendatasoft.com/components/search-module/
+ http://localhost:1313/components/search-module/
Fri, 01 Apr 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/search-module/
+ http://localhost:1313/components/search-module/
-
Comparison Generator
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
Wed, 30 Mar 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/comparison-generator/
+ http://localhost:1313/generators/comparison-generator/
-
ods-select
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
+ http://localhost:1313/widget-tricks/ods-select/
Sun, 20 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
- ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.
-ods-select widget documentation
+ http://localhost:1313/widget-tricks/ods-select/
+ <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p>
-
Listing Generator
- https://codelibrary.opendatasoft.com/generators/listing-generator/
+ http://localhost:1313/generators/listing-generator/
Thu, 10 Feb 2022 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/listing-generator/
- The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)
- Find the complete documentation at the end of this page
+ http://localhost:1313/generators/listing-generator/
+ <blockquote>
<p>The code of these resources is not meant to be modified. It requires good development skills and strong knowledge of widgets. Opendatasoft will encourage to develop your own page if it doesn’t suit your needs (and therefor won’t provide support if you still try to modified it)</p>
</blockquote>
<p>Find <a href="http://localhost:1313/generators/listing-generator/#listing-generator-documentation">the complete documentation</a> at the end of this page</p>
-
Material themed cards
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
+ http://localhost:1313/components/material-themed-cards/
Wed, 09 Jun 2021 10:39:16 +0200
-
- https://codelibrary.opendatasoft.com/components/material-themed-cards/
- These cards are meant to be themed using only the following variables:
- --primary-hue: 265; --primary-saturation: 90%; --primary-lightness: 47%; --surface: white; --background: white; --card-text: #424242; --body-text: #424242; It works with HSL colors, by inputting the --primary-hue, --primary-saturation and --primary-lightness separately.
-These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.
-All cards are prented with a sticky filter bar, to present how they can interact.
+ http://localhost:1313/components/material-themed-cards/
+ <p>These cards are meant to be themed using only the following variables:</p>
<pre tabindex="0"><code> --primary-hue: 265;
--primary-saturation: 90%;
--primary-lightness: 47%;
--surface: white;
--background: white;
--card-text: #424242;
--body-text: #424242;
</code></pre><p>It works with <a href="https://www.w3schools.com/colors/colors_hsl.asp">HSL colors</a>, by inputting the <code>--primary-hue</code>, <code>--primary-saturation</code> and <code>--primary-lightness</code> separately.</p>
<p>These cards can be used anywhere and will fit 100% of their parent container. We recommend using them with a grid system, like the one used here.</p>
<p>All cards are prented with a sticky filter bar, to present how they can interact. The sticky bar is compatible with the color theming, but is not required.</p>
-
Monitoring Dashboard
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
+ http://localhost:1313/page-templates/monitoring-dashboard/
Mon, 03 May 2021 15:26:47 +0200
-
- https://codelibrary.opendatasoft.com/page-templates/monitoring-dashboard/
- This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here.
-Note: Since monitoring data are private, we use a dummy dataset in this example.
+ http://localhost:1313/page-templates/monitoring-dashboard/
+ <p>This dashboard presents the main figures from the monitoring dataset. See the full documentation about the <a href="https://help.opendatasoft.com/platform/en/managing_domain/03_analyzing_domain_usage/analyzing_source_data.html">monitoring dataset</a>.
See themed versions of this dashboard <a href="'/themed-dashboard'">here</a>.</p>
<p><em><strong>Note:</strong> Since monitoring data are private, we use a dummy dataset in this example.</em></p>
-
Custom view Generator
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/custom-views/custom-view-generator/
+ http://localhost:1313/custom-views/custom-view-generator/
-
Custom view Generator
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
Fri, 12 Mar 2021 00:00:00 +0100
-
- https://codelibrary.opendatasoft.com/generators/custom-view-generator/
+ http://localhost:1313/generators/custom-view-generator/
-
KPIs
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
Tue, 23 Feb 2021 15:21:27 +0100
-
- https://codelibrary.opendatasoft.com/components/kpis/
+ http://localhost:1313/components/kpis/
-
Buttons
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/buttons/
+ http://localhost:1313/components/buttons/
-
Contact Cards
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/contact-card/
+ http://localhost:1313/components/contact-card/
-
Content cards
- https://codelibrary.opendatasoft.com/components/content-card/
+ http://localhost:1313/components/content-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/content-card/
- Generic card to display your content. Some classes are available to easily style your titles, text and buttons.
+ http://localhost:1313/components/content-card/
+ <p>Generic card to display your content. Some classes are available to easily style your titles, text and buttons.</p>
-
Custom catalog card
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
+ http://localhost:1313/widget-tricks/catalog-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
- The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).
-The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.
+ http://localhost:1313/widget-tricks/catalog-cards/
+ <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.opendatasoft.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p>
<p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version.
This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p>
-
Custom theme boxes
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
+ http://localhost:1313/components/custom-theme-boxes/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/custom-theme-boxes/
- Replicate the ods-theme-boxes widget funtionality to create custom theme boxes which are easier to style and layout.
+ http://localhost:1313/components/custom-theme-boxes/
+ <p>Replicate the <code>ods-theme-boxes</code> widget funtionality to create custom theme boxes which are easier to style and layout.</p>
-
Drill-down refine in charts
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
-
Dropdown module
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/dropdown-module/
+ http://localhost:1313/components/dropdown-module/
-
Filters as an HTML Select
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
+ http://localhost:1313/widget-tricks/filter-as-list/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
- !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here
-
+ http://localhost:1313/widget-tricks/filter-as-list/
+ <blockquote>
<p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead.
<a href="https://codelibrary.opendatasoft.com/widget-tricks/ods-select/">Documentation available here</a></p>
</blockquote>
-
Home page 1
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-1/
+ http://localhost:1313/page-templates/home-1/
-
Home page 2
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-2/
+ http://localhost:1313/page-templates/home-2/
-
Home page 3
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-3/
+ http://localhost:1313/page-templates/home-3/
-
Home page 4 with access cards
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
+ http://localhost:1313/page-templates/home-4-access-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/home-4-access-cards/
- This home page integrates the first version of the component Access cards to highlight redirections to other pages. The access cards are inserted in a grid container, so that all the cards have the same height.
-Tips
- You can use another version of the access cards by replacing the HTML between the comments <!--Start Access Card --> and <!--End Access Card --> and the CSS between /*==== Access Cards ====*/ and /*==== Homepage Styles ====*/ You can change the background image of the access cards in the HTML file You can change the arrow icon of the access card with another icon from the Fontawesome Library
+ http://localhost:1313/page-templates/home-4-access-cards/
+ <p>This home page integrates the first version of the <a href="https://codelibrary.opendatasoft.com/components/access-card/">component Access cards</a> to highlight redirections to other pages.
The access cards are inserted in a grid container, so that all the cards have the same height.</p>
<p><strong>Tips</strong></p>
<ul>
<li>You can use another version of the access cards by replacing the HTML between the comments <code><!--Start Access Card --></code> and <code><!--End Access Card --></code> and the CSS between <code>/*==== Access Cards ====*/</code> and <code>/*==== Homepage Styles ====*/</code></li>
<li>You can change the background image of the access cards in the HTML file</li>
<li>You can change the arrow icon of the access card with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
+
+
+ Home page 5
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+ Mon, 01 Jan 0001 00:00:00 +0000
+ http://localhost:1313/page-templates/home-5-search-with-ai/
+
-
Image cards
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/image-card/
+ http://localhost:1313/components/image-card/
-
ods-simple-tabs
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
- The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
+ <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout.
Below are a few different styles that can be applied to the widget in order to fit different use cases.</p>
-
Search box
- https://codelibrary.opendatasoft.com/components/search-box/
+ http://localhost:1313/components/search-box/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/search-box/
- Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.
+ http://localhost:1313/components/search-box/
+ <p>Show the ods-searchbox widget alongside a “search” button and a title. Below there’s a stand-alone version and a version inside a card.</p>
-
Sticky header
- https://codelibrary.opendatasoft.com/components/sticky-header/
+ http://localhost:1313/components/sticky-header/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/sticky-header/
- Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike position: fixed;, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.
-To make an element sticky, you need to add the following CSS:
-position: sticky; top: 0;
+ http://localhost:1313/components/sticky-header/
+ <p>Sticky content is one that will stay positioned once the user scrolls past it (i.e: stuck in position). Unlike <code>position: fixed;</code>, sticky content is limited by its container and will stop scrolling once the end of the parent element is reached.</p>
<p>To make an element sticky, you need to add the following CSS:</p>
<p><code>position: sticky;</code>
<code>top: 0;</code></p>
-
diff --git a/public/tags/navigation/page/1/index.html b/public/tags/navigation/page/1/index.html
index 029a1ed37..e56266574 100644
--- a/public/tags/navigation/page/1/index.html
+++ b/public/tags/navigation/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/navigation/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/navigation/
+
+
+
+
+
+
diff --git a/public/tags/navigation/page/2/index.html b/public/tags/navigation/page/2/index.html
index a2066ef97..a6aa8d448 100644
--- a/public/tags/navigation/page/2/index.html
+++ b/public/tags/navigation/page/2/index.html
@@ -1,12 +1,14 @@
-
+
- navigation – Codelibrary
+ Navigation – Codelibrary
+
+
diff --git a/public/tags/ods-adv-analysis/index.html b/public/tags/ods-adv-analysis/index.html
index aad7580d6..b780fb1e0 100644
--- a/public/tags/ods-adv-analysis/index.html
+++ b/public/tags/ods-adv-analysis/index.html
@@ -1,12 +1,14 @@
-
+
- ods-adv-analysis – Codelibrary
+ Ods-Adv-Analysis – Codelibrary
+
+
diff --git a/public/tags/ods-adv-analysis/index.xml b/public/tags/ods-adv-analysis/index.xml
index 0378426ce..7cf886e79 100644
--- a/public/tags/ods-adv-analysis/index.xml
+++ b/public/tags/ods-adv-analysis/index.xml
@@ -1,31 +1,26 @@
- ods-adv-analysis on Codelibrary
- https://codelibrary.opendatasoft.com/tags/ods-adv-analysis/
- Recent content in ods-adv-analysis on Codelibrary
- Hugo -- gohugo.io
+ Ods-Adv-Analysis on Codelibrary
+ http://localhost:1313/tags/ods-adv-analysis/
+ Recent content in Ods-Adv-Analysis on Codelibrary
+ Hugoen-us
- Thu, 09 Dec 2021 00:00:00 +0000
+ Thu, 09 Dec 2021 00:00:00 +0000
+ Eco-Counter / Eco-Compteur
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
+ http://localhost:1313/custom-views/eco-compteur/
Thu, 09 Dec 2021 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/custom-views/eco-compteur/
- See it live here !
+ http://localhost:1313/custom-views/eco-compteur/
+ <p><a href="https://eco-compteur-odsapps.opendatasoft.com/explore/dataset/eco-counter-data/dashboard/">See it live here !</a></p>
-
Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
diff --git a/public/tags/ods-adv-analysis/page/1/index.html b/public/tags/ods-adv-analysis/page/1/index.html
index 722462b2f..99d5bbd46 100644
--- a/public/tags/ods-adv-analysis/page/1/index.html
+++ b/public/tags/ods-adv-analysis/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/ods-adv-analysis/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/ods-adv-analysis/
+
+
+
+
+
+
diff --git a/public/tags/ods-aggregation/index.html b/public/tags/ods-aggregation/index.html
index 88bf9fb5a..f8e123833 100644
--- a/public/tags/ods-aggregation/index.html
+++ b/public/tags/ods-aggregation/index.html
@@ -1,12 +1,14 @@
-
+
- ods-aggregation – Codelibrary
+ Ods-Aggregation – Codelibrary
+
+
diff --git a/public/tags/ods-aggregation/index.xml b/public/tags/ods-aggregation/index.xml
index 6dcddf563..fdfcc2edf 100644
--- a/public/tags/ods-aggregation/index.xml
+++ b/public/tags/ods-aggregation/index.xml
@@ -1,34 +1,26 @@
- ods-aggregation on Codelibrary
- https://codelibrary.opendatasoft.com/tags/ods-aggregation/
- Recent content in ods-aggregation on Codelibrary
- Hugo -- gohugo.io
+ Ods-Aggregation on Codelibrary
+ http://localhost:1313/tags/ods-aggregation/
+ Recent content in Ods-Aggregation on Codelibrary
+ Hugoen-us
- Fri, 20 Aug 2021 18:02:27 +0200
+ Fri, 20 Aug 2021 18:02:27 +0200
+ Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
ods-aggregation
- https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/
+ http://localhost:1313/widget-tricks/ods-aggregation/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/
- The technical documentation says :
-This widget exposes the results of an aggregation function over a context… The result is exposed into a new variable that you can use in other widgets or directly in your HTML.
-More concretely :
-It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc…) it will compute the aggregation on a subset of the records, if not, on the entire dataset.
+ http://localhost:1313/widget-tricks/ods-aggregation/
+ <p><strong>The technical documentation says :</strong></p>
<p>This widget exposes the results of an aggregation function over a context… The result is exposed into a new variable that you can use in other widgets or directly in your HTML.</p>
<p><strong>More concretely :</strong></p>
<p>It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc…) it will compute the aggregation on a subset of the records, if not, on the entire dataset.</p>
-
diff --git a/public/tags/ods-aggregation/page/1/index.html b/public/tags/ods-aggregation/page/1/index.html
index 541da7a7c..0bb0c732f 100644
--- a/public/tags/ods-aggregation/page/1/index.html
+++ b/public/tags/ods-aggregation/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/ods-aggregation/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/ods-aggregation/
+
+
+
+
+
+
diff --git a/public/tags/ods-analysis/index.html b/public/tags/ods-analysis/index.html
index d81cc942f..3e76ef170 100644
--- a/public/tags/ods-analysis/index.html
+++ b/public/tags/ods-analysis/index.html
@@ -1,12 +1,14 @@
-
+
- ods-analysis – Codelibrary
+ Ods-Analysis – Codelibrary
+
+
diff --git a/public/tags/ods-analysis/index.xml b/public/tags/ods-analysis/index.xml
index 14d0610d8..69beef439 100644
--- a/public/tags/ods-analysis/index.xml
+++ b/public/tags/ods-analysis/index.xml
@@ -1,34 +1,26 @@
- ods-analysis on Codelibrary
- https://codelibrary.opendatasoft.com/tags/ods-analysis/
- Recent content in ods-analysis on Codelibrary
- Hugo -- gohugo.io
+ Ods-Analysis on Codelibrary
+ http://localhost:1313/tags/ods-analysis/
+ Recent content in Ods-Analysis on Codelibrary
+ Hugoen-us
- Mon, 21 Jun 2021 14:46:16 +0200
+ Mon, 21 Jun 2021 14:46:16 +0200
+ Heatmaps with CSS Grid
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
+ http://localhost:1313/widget-tricks/heatmaps-custom/
Mon, 21 Jun 2021 14:46:16 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
- We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here
- Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.
-For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.
+ http://localhost:1313/widget-tricks/heatmaps-custom/
+ <blockquote>
<p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource.
<a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p>
</blockquote>
<p>Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.</p>
<p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor.
Legends might also be a concern as they can overlap if they are too long.</p>
-
ods-analysis, quick intro
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
+ http://localhost:1313/widget-tricks/ods-analysis/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
- The technical documentation says :
-This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.
-Normal people would say :
-Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis.
+ http://localhost:1313/widget-tricks/ods-analysis/
+ <p><strong>The technical documentation says :</strong></p>
<p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.</em></p>
<p><strong>Normal people would say :</strong></p>
<p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p>
-
diff --git a/public/tags/ods-analysis/page/1/index.html b/public/tags/ods-analysis/page/1/index.html
index 40fb77719..8aec87ecf 100644
--- a/public/tags/ods-analysis/page/1/index.html
+++ b/public/tags/ods-analysis/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/ods-analysis/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/ods-analysis/
+
+
+
+
+
+
diff --git a/public/tags/ods-maps/index.html b/public/tags/ods-maps/index.html
index d8f493783..1eaf061f6 100644
--- a/public/tags/ods-maps/index.html
+++ b/public/tags/ods-maps/index.html
@@ -1,12 +1,14 @@
-
+
- ods-maps – Codelibrary
+ Ods-Maps – Codelibrary
+
+
diff --git a/public/tags/ods-maps/index.xml b/public/tags/ods-maps/index.xml
index c505ded2a..2b69553e3 100644
--- a/public/tags/ods-maps/index.xml
+++ b/public/tags/ods-maps/index.xml
@@ -1,47 +1,40 @@
- ods-maps on Codelibrary
- https://codelibrary.opendatasoft.com/tags/ods-maps/
- Recent content in ods-maps on Codelibrary
- Hugo -- gohugo.io
+ Ods-Maps on Codelibrary
+ http://localhost:1313/tags/ods-maps/
+ Recent content in Ods-Maps on Codelibrary
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0000
+ Wed, 30 Mar 2022 00:00:00 +0000
+ ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
Fullscreen map with filters
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/fullscreen-map/
+ http://localhost:1313/page-templates/fullscreen-map/
-
Map & Refine
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/page-templates/map-refine/
+ http://localhost:1313/page-templates/map-refine/
-
ods-map: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
-
diff --git a/public/tags/ods-maps/page/1/index.html b/public/tags/ods-maps/page/1/index.html
index 299c12458..a3d46df60 100644
--- a/public/tags/ods-maps/page/1/index.html
+++ b/public/tags/ods-maps/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/ods-maps/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/ods-maps/
+
+
+
+
+
+
diff --git a/public/tags/ods-subaggregation/index.html b/public/tags/ods-subaggregation/index.html
index d5b58942b..5baa84ea7 100644
--- a/public/tags/ods-subaggregation/index.html
+++ b/public/tags/ods-subaggregation/index.html
@@ -1,12 +1,14 @@
-
+
- ods-subaggregation – Codelibrary
+ Ods-Subaggregation – Codelibrary
+
+
diff --git a/public/tags/ods-subaggregation/index.xml b/public/tags/ods-subaggregation/index.xml
index 16f77199f..b8e56a222 100644
--- a/public/tags/ods-subaggregation/index.xml
+++ b/public/tags/ods-subaggregation/index.xml
@@ -1,22 +1,19 @@
- ods-subaggregation on Codelibrary
- https://codelibrary.opendatasoft.com/tags/ods-subaggregation/
- Recent content in ods-subaggregation on Codelibrary
- Hugo -- gohugo.io
+ Ods-Subaggregation on Codelibrary
+ http://localhost:1313/tags/ods-subaggregation/
+ Recent content in Ods-Subaggregation on Codelibrary
+ Hugoen-us
- Fri, 20 Aug 2021 18:02:27 +0200
+ Fri, 20 Aug 2021 18:02:27 +0200
+ Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
diff --git a/public/tags/ods-subaggregation/page/1/index.html b/public/tags/ods-subaggregation/page/1/index.html
index a7af33467..4e57cd538 100644
--- a/public/tags/ods-subaggregation/page/1/index.html
+++ b/public/tags/ods-subaggregation/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/ods-subaggregation/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/ods-subaggregation/
+
+
+
+
+
+
diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html
index 453f31693..4a695e8bd 100644
--- a/public/tags/page/1/index.html
+++ b/public/tags/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/
+
+
+
+
+
+
diff --git a/public/tags/redirection/index.html b/public/tags/redirection/index.html
index d3b4f6bf0..0d5752b8f 100644
--- a/public/tags/redirection/index.html
+++ b/public/tags/redirection/index.html
@@ -1,12 +1,14 @@
-
+
- redirection – Codelibrary
+ Redirection – Codelibrary
+
+
diff --git a/public/tags/redirection/index.xml b/public/tags/redirection/index.xml
index 5dea9773a..2529407e2 100644
--- a/public/tags/redirection/index.xml
+++ b/public/tags/redirection/index.xml
@@ -1,22 +1,19 @@
- redirection on Codelibrary
- https://codelibrary.opendatasoft.com/tags/redirection/
- Recent content in redirection on Codelibrary
- Hugo -- gohugo.io
+ Redirection on Codelibrary
+ http://localhost:1313/tags/redirection/
+ Recent content in Redirection on Codelibrary
+ Hugoen-us
- Wed, 08 Jun 2022 00:00:00 +0000
+ Wed, 08 Jun 2022 00:00:00 +0000
+ Access cards
- https://codelibrary.opendatasoft.com/components/access-card/
+ http://localhost:1313/components/access-card/
Wed, 08 Jun 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/components/access-card/
- Card to highlight a redirection to another page. Different styles are available.
-Tips:
- You can change the background image in the HTML file You can change the arrow icon with another icon from the Fontawesome Library
+ http://localhost:1313/components/access-card/
+ <p>Card to highlight a redirection to another page. Different styles are available.</p>
<p><strong>Tips:</strong></p>
<ul>
<li>You can change the background image in the HTML file</li>
<li>You can change the arrow icon with another icon from <a href="https://fontawesome.com/v4.7.0/icons/">the Fontawesome Library</a></li>
</ul>
-
diff --git a/public/tags/redirection/page/1/index.html b/public/tags/redirection/page/1/index.html
index b1b4e8eef..96d16292a 100644
--- a/public/tags/redirection/page/1/index.html
+++ b/public/tags/redirection/page/1/index.html
@@ -1 +1,10 @@
-https://codelibrary.opendatasoft.com/tags/redirection/
\ No newline at end of file
+
+
+
+ http://localhost:1313/tags/redirection/
+
+
+
+
+
+
diff --git a/public/tags/search/index.html b/public/tags/search/index.html
new file mode 100644
index 000000000..7d8e96f56
--- /dev/null
+++ b/public/tags/search/index.html
@@ -0,0 +1,671 @@
+
+
+
+
+
+ Search – Codelibrary
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Create an age pyramid to present the repartition of the population in your area, with Vega-Lite.
+
Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation.
+
ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages.
Counting of cyclists by month and day. Analysis of the trend.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/widget-tricks/heatmaps-vegalite/2/css.inc b/public/widget-tricks/heatmaps-vegalite/2/css.inc
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/widget-tricks/heatmaps-vegalite/2/html.inc b/public/widget-tricks/heatmaps-vegalite/2/html.inc
new file mode 100644
index 000000000..7e292b9e4
--- /dev/null
+++ b/public/widget-tricks/heatmaps-vegalite/2/html.inc
@@ -0,0 +1,128 @@
+
+
+
+
+
+
+
+ Years by months, default (linear) scale, blueorange color scheme, mean temperature
+
+
+
+
+
+ Months by days, default (linear) scale, mean temperature
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/widget-tricks/heatmaps-vegalite/3/css.inc b/public/widget-tricks/heatmaps-vegalite/3/css.inc
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/widget-tricks/heatmaps-vegalite/3/html.inc b/public/widget-tricks/heatmaps-vegalite/3/html.inc
new file mode 100644
index 000000000..0d5a52667
--- /dev/null
+++ b/public/widget-tricks/heatmaps-vegalite/3/html.inc
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/widget-tricks/heatmaps-vegalite/4/css.inc b/public/widget-tricks/heatmaps-vegalite/4/css.inc
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/widget-tricks/heatmaps-vegalite/4/html.inc b/public/widget-tricks/heatmaps-vegalite/4/html.inc
new file mode 100644
index 000000000..827b6571d
--- /dev/null
+++ b/public/widget-tricks/heatmaps-vegalite/4/html.inc
@@ -0,0 +1,144 @@
+
+
+
+
+
+
+
In encoding, x is timeUnit: day, and has a new property
+ sort, to force the week to start from Monday (instead of Sunday by default)
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/widget-tricks/heatmaps-vegalite/5/css.inc b/public/widget-tricks/heatmaps-vegalite/5/css.inc
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/widget-tricks/heatmaps-vegalite/5/html.inc b/public/widget-tricks/heatmaps-vegalite/5/html.inc
new file mode 100644
index 000000000..5ab825902
--- /dev/null
+++ b/public/widget-tricks/heatmaps-vegalite/5/html.inc
@@ -0,0 +1,65 @@
+
+
+
+
+
+ Here,
+ ods-adv-analysis returns the year only (and not the complete date). Therefore, Vega-lite considers it as text and not as a date.
+
+
+
+
\ No newline at end of file
diff --git a/public/widget-tricks/heatmaps-vegalite/index.html b/public/widget-tricks/heatmaps-vegalite/index.html
new file mode 100644
index 000000000..75523aade
--- /dev/null
+++ b/public/widget-tricks/heatmaps-vegalite/index.html
@@ -0,0 +1,4465 @@
+
+
+
+
+
+ Heatmaps with Vega-Lite – Codelibrary
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Widget Tricks - Heatmaps with Vega-Lite
+
+
Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation.
+
ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages.
+
This first resource is an introduction and pre-requisite to understand key concepts of Vega-Lite within ODS.
Optional, but useful to customize the final rendering.
+Here grid: true set a grid canvas with X and Y lines.
+domain: false remove the baseline between the visualization and the axis legends.
+See the documentation for more personalization
The default scale is linear. It can get additional properties like the scheme. All available scale colors (schemes) can be found in the scheme documentation.
in addition to the color property, a new mark property is necessary to change the size of the circles: size.
+
+
size mark property documentation here.
+It’s very similar to the color property, it expects an aggregate and field option to be able to size circles depending on your data.
+It also accepts different scale types (quantile, power, log etc…).
+
+
+
+
+
+
+
+
+
+
diff --git a/public/widget-tricks/index.html b/public/widget-tricks/index.html
index e526de597..9e268c4eb 100644
--- a/public/widget-tricks/index.html
+++ b/public/widget-tricks/index.html
@@ -1,12 +1,14 @@
-
+
Widget Tricks – Codelibrary
+
+
diff --git a/public/widget-tricks/index.xml b/public/widget-tricks/index.xml
index 16572ee8b..029ec3898 100644
--- a/public/widget-tricks/index.xml
+++ b/public/widget-tricks/index.xml
@@ -2,245 +2,179 @@
Widget Tricks on Codelibrary
- https://codelibrary.opendatasoft.com/widget-tricks/
+ http://localhost:1313/widget-tricks/
Recent content in Widget Tricks on Codelibrary
- Hugo -- gohugo.io
+ Hugoen-us
- Wed, 30 Mar 2022 00:00:00 +0000
+ Wed, 30 Mar 2022 00:00:00 +0000
+ ods-map: Refine & Zoom
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
Wed, 30 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-tricks/
+ http://localhost:1313/widget-tricks/ods-map-tricks/
-
ods-select
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
+ http://localhost:1313/widget-tricks/ods-select/
Sun, 20 Mar 2022 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-select/
- ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.
-ods-select widget documentation
+ http://localhost:1313/widget-tricks/ods-select/
+ <p>ods-select allows the selection of one or more items from a list of options. This resource present different combination with ods-facet-results or ods-analysis to feed the selection list.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsSelect">ods-select widget documentation</a></p>
-
Age Pyramid with custom HTML/CSS
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
Fri, 20 Aug 2021 18:02:27 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/age-pyramid-custom/
- Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.
-3 parameters must be declared in the code:
- agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:
+ http://localhost:1313/widget-tricks/age-pyramid-custom/
+ <p>Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS.</p>
<p>3 parameters must be declared in the code:</p>
<ul>
<li><code>agefield</code> : the id of the age field in your dataset</li>
<li><code>genderfield</code> : the id of the gender field in your dataset</li>
<li><code>valuefield</code> : the id of the value field in your dataset</li>
</ul>
<p>Then, you can customize the colors of the bars in the CSS file, with the 2 variables:</p>
-
ods-adv-analysis
- https://codelibrary.opendatasoft.com/widget-tricks/ods-adv-analysis/
+ http://localhost:1313/widget-tricks/ods-adv-analysis/
Thu, 12 Aug 2021 10:00:00 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-adv-analysis/
- The ods-adv-analysis widget exposes the results of an aggregation function over a context. It uses the ODS Explore API V2 and its ODSQL language.
-ods-adv-analysis documentation
+ http://localhost:1313/widget-tricks/ods-adv-analysis/
+ <p>The <code>ods-adv-analysis</code> widget exposes the results of an aggregation function over a context.
It uses the <a href="https://help.opendatasoft.com/apis/ods-explore-v2/">ODS Explore API V2</a> and its <a href="https://help.opendatasoft.com/apis/ods-explore-v2/#section/Opendatasoft-Query-Language-(ODSQL)">ODSQL language</a>.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">ods-adv-analysis documentation</a></p>
-
ods-chart: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
Thu, 29 Jul 2021 10:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-hacks/
+ http://localhost:1313/widget-tricks/ods-chart-css-hacks/
-
ods-results
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
+ http://localhost:1313/widget-tricks/ods-results/
Mon, 21 Jun 2021 20:03:38 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-results/
- ods-results is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.
-ods-results widget documentation
-Several Code Library resources rely on ods-results, for example the table module component, to list records in a table. The search module component, to display the results of a search query. The generators also use an ods-results internally to list dataset content.
+ http://localhost:1313/widget-tricks/ods-results/
+ <p><strong>ods-results</strong> is a rather simple widget to list records from a dataset. They can be displayed as a list or cards.</p>
<p><a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsResults">ods-results widget documentation</a></p>
<p>Several Code Library resources rely on ods-results, for example the <a href="http://localhost:1313/components/table-module/">table module component</a>, to list records in a table.
The <a href="http://localhost:1313/components/search-module/">search module component</a>, to display the results of a search query.
The <a href="http://localhost:1313/generators">generators</a> also use an ods-results internally to list dataset content.</p>
-
Heatmaps with CSS Grid
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
+ http://localhost:1313/widget-tricks/heatmaps-custom/
Mon, 21 Jun 2021 14:46:16 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/heatmaps-custom/
- We consider the usage of ods-adv-analysis as a prerequisite of this resource. Documentation available here
- Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.
-For example, if the aggregation is too large to be displayed in cells, using ods-tooltip could be a nice way to display the value while hovering with the cursor. Legends might also be a concern as they can overlap if they are too long.
+ http://localhost:1313/widget-tricks/heatmaps-custom/
+ <blockquote>
<p>We consider the usage of <code>ods-adv-analysis</code> as a prerequisite of this resource.
<a href="https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsAdvAnalysis">Documentation available here</a></p>
</blockquote>
<p>Keep in mind that, for heatmaps or bubblemaps, you’ll need to adapt the display depending on the values, axis, and legends.</p>
<p>For example, if the aggregation is too large to be displayed in cells, using <code>ods-tooltip</code> could be a nice way to display the value while hovering with the cursor.
Legends might also be a concern as they can overlap if they are too long.</p>
-
ods-chart: Custom CSS Library
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
Tue, 06 Apr 2021 21:00:10 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-chart-css-library/
+ http://localhost:1313/widget-tricks/ods-chart-css-library/
-
Animations
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
Tue, 06 Apr 2021 20:57:00 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/animation/
+ http://localhost:1313/widget-tricks/animation/
-
Static maps, a quick introduction
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
+ http://localhost:1313/widget-tricks/svg-maps/
Mon, 24 Aug 2020 15:57:58 +0200
-
- https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/
- When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.
-In this situation, you might prefer a static colored picture over a classic map widget.
+ http://localhost:1313/widget-tricks/svg-maps/
+ <p>When your goal is to share a precise analysis of a theme, such as employment or demography, for given administrative territories, you may want to disable all interactions with the map. You will even probably want to have overseas territories right next to the other territories in order to visualize immediately how the measurement varies across these administrative areas.</p>
<p>In this situation, you might prefer a static colored picture over a classic map widget. The resource below shows you how to create such static analyses of administrative divisions.</p>
-
Chart samples
- https://codelibrary.opendatasoft.com/widget-tricks/charts/
+ http://localhost:1313/widget-tricks/charts/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/charts/
+ http://localhost:1313/widget-tricks/charts/
-
Custom catalog card
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
+ http://localhost:1313/widget-tricks/catalog-cards/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/catalog-cards/
- The catalog card represents the published datasets of that portal. (see Exploring a dataset from the catalog).
-The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version. This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.
+ http://localhost:1313/widget-tricks/catalog-cards/
+ <p>The catalog card represents the published datasets of that portal. (see <a href="https://help.opendatasoft.com/platform/en/exploring_catalog_and_datasets/01_navigating_the_catalog/catalog.html#exploring-dataset">Exploring a dataset from the catalog</a>).</p>
<p>The platform allows to customize the catalog cards displayed in the catalog of the portal, by providing custom HTML and CSS to override the default version.
This resource propose different versions and technical tricks that can be used to highlighted datasets by keywords or theme for example.</p>
-
Custom Tooltips
- https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/
+ http://localhost:1313/widget-tricks/custom-tooltips/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/custom-tooltips/
- These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.
+ http://localhost:1313/widget-tricks/custom-tooltips/
+ <p>These are resources to create custom tooltips for your maps. You can use them directly <a href="https://help.opendatasoft.com/platform/en/publishing_data/07_configuring_visualizations/02_configuring_map_view/tooltip.html#custom-html-tooltip">in the map editor</a> (in which case you will omit the context) or in your pages.</p>
-
Dates
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/dates/
+ http://localhost:1313/widget-tricks/dates/
-
Drill-down refine in charts
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/drill-down/
+ http://localhost:1313/widget-tricks/drill-down/
-
Filters as an HTML Select
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
+ http://localhost:1313/widget-tricks/filter-as-list/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/filter-as-list/
- !! WARNING !! This ressource is deprecated ! Please use ods-select instead. Documentation available here
-
+ http://localhost:1313/widget-tricks/filter-as-list/
+ <blockquote>
<p><strong>!! WARNING !!</strong> This ressource is deprecated ! Please use <code>ods-select</code> instead.
<a href="https://codelibrary.opendatasoft.com/widget-tricks/ods-select/">Documentation available here</a></p>
</blockquote>
-
ods-aggregation
- https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/
+ http://localhost:1313/widget-tricks/ods-aggregation/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-aggregation/
- The technical documentation says :
-This widget exposes the results of an aggregation function over a context… The result is exposed into a new variable that you can use in other widgets or directly in your HTML.
-More concretely :
-It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc…) it will compute the aggregation on a subset of the records, if not, on the entire dataset.
+ http://localhost:1313/widget-tricks/ods-aggregation/
+ <p><strong>The technical documentation says :</strong></p>
<p>This widget exposes the results of an aggregation function over a context… The result is exposed into a new variable that you can use in other widgets or directly in your HTML.</p>
<p><strong>More concretely :</strong></p>
<p>It computes a function like the sum, average, minimum, maximum etc.. over a numerical field. Depending on the context parameters, if filtered (queries, refines, etc…) it will compute the aggregation on a subset of the records, if not, on the entire dataset.</p>
-
ods-analysis, quick intro
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
+ http://localhost:1313/widget-tricks/ods-analysis/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-analysis/
- The technical documentation says :
-This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.
-Normal people would say :
-Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis.
+ http://localhost:1313/widget-tricks/ods-analysis/
+ <p><strong>The technical documentation says :</strong></p>
<p><em>This widget exposes the results of an analysis (as an object containing a results array and optionally an aggregations object) in a variable available in the scope. It can be used with AngularJS’s ngRepeat to simply build a table of analysis results.</em></p>
<p><strong>Normal people would say :</strong></p>
<p><em>Ods-analysis is the way to get the values behind a chart ! What you can do with a chart, you can do the same with ods-analysis. You get the figures, and do whatever you want in your dashboard with the results !</em></p>
-
ods-color-gradient + ods-map : a choropleth alternative
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
+ http://localhost:1313/widget-tricks/ods-color-gradient/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-color-gradient/
- This map rendering technique allows to display on a map colored shaped based on the aggregation of a different dataset.
-One dataset contains the data to make some statistical computation (Avg, sum, counting of numerical fields) and one dataset contains geographical information (geo shapes).
-The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.
+ http://localhost:1313/widget-tricks/ods-color-gradient/
+ <p>This <strong>map rendering technique</strong> allows to display on a map colored shaped based on the aggregation of <strong>a different dataset</strong>.</p>
<p><strong>One dataset contains the data</strong> to make some statistical computation (Avg, sum, counting of numerical fields) and <strong>one dataset contains geographical information</strong> (geo shapes).</p>
<p>The technique is very similar to a join at processing time, to enrich statistical data with geographical data. The only prerequisit is, like for a regular join, having a shared key between datasets to make the numerical aggregation match its geo shape.</p>
-
ods-date-range-slider
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-date-range-slider/
+ http://localhost:1313/widget-tricks/ods-date-range-slider/
-
ods-map: CSS Hacks
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-map-css/
+ http://localhost:1313/widget-tricks/ods-map-css/
-
ods-pop-in variants
- https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/
+ http://localhost:1313/widget-tricks/ods-pop-in/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-pop-in/
- Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.
+ http://localhost:1313/widget-tricks/ods-pop-in/
+ <p>Display content in a pop-in window. It can either open automatically or you can make a custom pop in that opens manually by clicking a button.</p>
-
ods-simple-tabs
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/ods-simple-tabs/
- The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.
+ http://localhost:1313/widget-tricks/ods-simple-tabs/
+ <p>The <code>ods-simple-tabs</code> widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout.
Below are a few different styles that can be applied to the widget in order to fit different use cases.</p>
-
Share and print
- https://codelibrary.opendatasoft.com/widget-tricks/share-print/
+ http://localhost:1313/widget-tricks/share-print/
Mon, 01 Jan 0001 00:00:00 +0000
-
- https://codelibrary.opendatasoft.com/widget-tricks/share-print/
+ http://localhost:1313/widget-tricks/share-print/
-
diff --git a/public/widget-tricks/ods-adv-analysis/index.html b/public/widget-tricks/ods-adv-analysis/index.html
index 673fa89ce..c66df30aa 100644
--- a/public/widget-tricks/ods-adv-analysis/index.html
+++ b/public/widget-tricks/ods-adv-analysis/index.html
@@ -1,12 +1,14 @@
-
+
ods-adv-analysis – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-aggregation/index.html b/public/widget-tricks/ods-aggregation/index.html
index 3b7288377..dc909f5ef 100644
--- a/public/widget-tricks/ods-aggregation/index.html
+++ b/public/widget-tricks/ods-aggregation/index.html
@@ -1,12 +1,14 @@
-
+
ods-aggregation – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-analysis/index.html b/public/widget-tricks/ods-analysis/index.html
index 1dc2ba142..f2d721a11 100644
--- a/public/widget-tricks/ods-analysis/index.html
+++ b/public/widget-tricks/ods-analysis/index.html
@@ -1,12 +1,14 @@
-
+
ods-analysis, quick intro – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-chart-css-hacks/index.html b/public/widget-tricks/ods-chart-css-hacks/index.html
index a9fb27d10..e7f96ecec 100644
--- a/public/widget-tricks/ods-chart-css-hacks/index.html
+++ b/public/widget-tricks/ods-chart-css-hacks/index.html
@@ -1,12 +1,14 @@
-
+
ods-chart: CSS Hacks – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-chart-css-library/index.html b/public/widget-tricks/ods-chart-css-library/index.html
index b359f851c..0b69798d4 100644
--- a/public/widget-tricks/ods-chart-css-library/index.html
+++ b/public/widget-tricks/ods-chart-css-library/index.html
@@ -1,12 +1,14 @@
-
+
ods-chart: Custom CSS Library – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-color-gradient/index.html b/public/widget-tricks/ods-color-gradient/index.html
index 02da993ca..48075fa48 100644
--- a/public/widget-tricks/ods-color-gradient/index.html
+++ b/public/widget-tricks/ods-color-gradient/index.html
@@ -1,12 +1,14 @@
-
+
ods-color-gradient + ods-map : a choropleth alternative – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-date-range-slider/index.html b/public/widget-tricks/ods-date-range-slider/index.html
index 334d780c2..289e6a9ba 100644
--- a/public/widget-tricks/ods-date-range-slider/index.html
+++ b/public/widget-tricks/ods-date-range-slider/index.html
@@ -1,12 +1,14 @@
-
+
ods-date-range-slider – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-map-css/index.html b/public/widget-tricks/ods-map-css/index.html
index dda2e05d5..c23c4ee64 100644
--- a/public/widget-tricks/ods-map-css/index.html
+++ b/public/widget-tricks/ods-map-css/index.html
@@ -1,12 +1,14 @@
-
+
ods-map: CSS Hacks – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-map-tricks/index.html b/public/widget-tricks/ods-map-tricks/index.html
index e02ab6660..e46b30551 100644
--- a/public/widget-tricks/ods-map-tricks/index.html
+++ b/public/widget-tricks/ods-map-tricks/index.html
@@ -1,12 +1,14 @@
-
+
ods-map: Refine & Zoom – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-pop-in/index.html b/public/widget-tricks/ods-pop-in/index.html
index 2aef85d6e..9914cd7a6 100644
--- a/public/widget-tricks/ods-pop-in/index.html
+++ b/public/widget-tricks/ods-pop-in/index.html
@@ -1,12 +1,14 @@
-
+
ods-pop-in variants – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-results/index.html b/public/widget-tricks/ods-results/index.html
index c673d731f..f45e68b08 100644
--- a/public/widget-tricks/ods-results/index.html
+++ b/public/widget-tricks/ods-results/index.html
@@ -1,12 +1,14 @@
-
+
ods-results – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-select/index.html b/public/widget-tricks/ods-select/index.html
index 7f8e64eee..543143c2d 100644
--- a/public/widget-tricks/ods-select/index.html
+++ b/public/widget-tricks/ods-select/index.html
@@ -1,12 +1,14 @@
-
+
ods-select – Codelibrary
+
+
diff --git a/public/widget-tricks/ods-simple-tabs/1/html.inc b/public/widget-tricks/ods-simple-tabs/1/html.inc
index 4316990dc..94b23e870 100644
--- a/public/widget-tricks/ods-simple-tabs/1/html.inc
+++ b/public/widget-tricks/ods-simple-tabs/1/html.inc
@@ -4,7 +4,7 @@
+ keep-content="false">
L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.
L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.
L’objectif du service Vélib’ Métropole est de faciliter le développement de nouvelles mobilités sur le territoire francilien, en complément de l’offre de transport existante.