fpassaniti

/* CSS */
/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */@keyframes spinAround{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.breadcrumb,.button,.delete,.file,.is-unselectable,.modal-close,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.tabs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar-link:not(.is-arrowless):after,.select:not(.is-multiple):not(.is-loading):after{border:3px solid transparent;border-radius:2px;border-right:0;border-top:0;content:" ";display:block;height:.625em;margin-top:-.4375em;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:center;width:.625em}.block:not(:last-child),.box:not(:last-child),.breadcrumb:not(:last-child),.content:not(:last-child),.highlight:not(:last-child),.level:not(:last-child),.message:not(:last-child),.notification:not(:last-child),.pagination:not(:last-child),.progress:not(:last-child),.subtitle:not(:last-c

fpassaniti

/******** SVG MAPS REGION *************/

/************ Conteneur France ***************/
.svgmap-france-region {
    width: 500px;
    margin: auto;
    position: relative;
    background-color: white;
}
/* France Métropole */

fpassaniti

<ods-dataset-context context="ctx" 
                     ctx-dataset="liste-des-departements-metropole-dom"
                     ctx-domain="discovery">

    <div ods-color-gradient="analysis"
         ods-color-gradient-context="ctx"
         ods-color-gradient-x="code_texte"
         ods-color-gradient-serie="MAX(code)"
         ods-color-gradient-logarithmic-scale-factor="1"

fpassaniti

/******** SVG MAPS *************/

/************ Conteneur France ***************/
.svgmap-france {
    width: 500px;
    margin: auto;
    position: relative;
    background-color: white;
}
/* France Métropole */

fpassaniti

<ods-dataset-context context="ctx" 
                     ctx-dataset="liste-des-departements-metropole-dom"
                     ctx-domain="discovery">

    <div ods-color-gradient="analysis"
         ods-color-gradient-context="ctx"
         ods-color-gradient-x="code_texte"
         ods-color-gradient-serie="MAX(code)"
         ods-color-gradient-logarithmic-scale-factor="1">

fpassaniti

/******** SVG MAPS *************/

/******************** Custom Style *************************/

/* Path stroke : lines between whapes */
#style1 {
    stroke: white;
    stroke-width: 2px;
}

fpassaniti

<ods-dataset-context context="ctx" 
                     ctx-dataset="liste-des-departements-metropole-dom"
                     ctx-domain="discovery">

    <div ods-color-gradient="analysis"
         ods-color-gradient-context="ctx"
         ods-color-gradient-x="code_texte"
         ods-color-gradient-serie="MAX(code)"
         ods-color-gradient-logarithmic-scale-factor="1">

fpassaniti

/******** SVG MAPS *************/

/************ Conteneur France ***************/
.svgmap-france {
    width: 500px;
    margin: auto;
    position: relative;
    background-color: white;
}
/* France Métropole */

fpassaniti

<ods-dataset-context context="ctx" 
                     ctx-dataset="liste-des-departements-metropole-dom"
                     ctx-domain="discovery">

    <div ods-color-gradient="analysis"
         ods-color-gradient-context="ctx"
         ods-color-gradient-x="code_texte"
         ods-color-gradient-serie="MAX(code)"
         ods-color-gradient-logarithmic-scale-factor="1"

fpassaniti

<div ng-app="ods-widgets">
  
  <div class="container" 
       ng-init="domainid = 'discovery';
                datasetid = 'oeuvres-de-johannes-vermeer';

                filters = ['technique','collection','genre'];

                view = 'cards';
                fieldsList = ['titre','collection','genre','format','date'];