Last active
August 23, 2016 21:19
-
-
Save MariellaCC/1151b723c4e043712a83 to your computer and use it in GitHub Desktop.
test arbo Accor
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"name": "Accor", | |
| "children": [ | |
| {"name":"Indicateurs", | |
| "children": | |
| [{"name": "Internes", | |
| "children": [{"name": "Egalité H/F", | |
| "children": | |
| [{"name": "% femmes directeurs d'hôtel"}, | |
| {"name": "% femmes dans les effectifs"}, | |
| {"name": "% de femmes encadrantes"}] | |
| }, | |
| {"name": "Handicap", | |
| "children": [{"name": "% de collaborateurs atteints d'un handicap"}]}]}, | |
| {"name": "Externes", | |
| "children": [{"name": "Labellisation en cours", | |
| "children": [{"name": "Gender Equality European Standard"}]}]}] | |
| }, | |
| {"name":"Moyens mis en oeuvre", | |
| "children": | |
| [{"name": "Egalité H/F", | |
| "children": | |
| [{"name": "Réseau intl ouvert aux H et aux F"}, | |
| {"name": "Groupe de travail gender marketing"}] | |
| }, | |
| {"name": "Organisation du travail", | |
| "children": | |
| [{"name": "Télétravail"}]}, | |
| {"name": "Diversité", | |
| "children": | |
| [{"name": "Programme de sensibilisation des managers"}, | |
| {"name": "Sensibilisation via l'intranet"}, | |
| {"name": "Lutte contre les discriminations", | |
| "children": [{"name": "Plans d'alerte locaux"}]}]}, | |
| {"name": "Parentalité", | |
| "children": | |
| [{"name": "Guide la parentalité"}]}, | |
| {"name": "Handicap", | |
| "children": | |
| [{"name": "Guide du handicap"}, | |
| {"name": "Participation au réseau international handicap de l'OIT"}, | |
| {"name": "Sensibilisation via l'intranet"}, | |
| {"name": "Cellule d'action spécifique"}, | |
| {"name": "Parcours de formation apprentis adaptés"}]} | |
| ] | |
| }, | |
| {"name":"Engagements", | |
| "children": | |
| [{"name": "Egalité H/F", | |
| "children": | |
| [{"name": "Accord groupe"}, | |
| {"name": "Objectifs chiffrés", | |
| "children": [{"name": "35 % de femmes directeurs d’hôtels"}]}] | |
| }, | |
| {"name": "Diversité", | |
| "children": | |
| [{"name": "Charte internationale groupe"}] | |
| }, | |
| {"name": "Handicap", | |
| "children": [{"name": "Accord groupe"}]}] | |
| }, | |
| {"name":"Orientations groupe", | |
| "children": | |
| [{"name": "Diversité", | |
| "children": | |
| [{"name": "Intérêt strat. mis en avant", | |
| "children": [ | |
| {"name": "Attractivité employeur"}, | |
| {"name": "Dynamisme commercial"}, | |
| {"name": "performance opérationnelle"} | |
| ]}, | |
| {"name": "Priorités exprimées", | |
| "children": [ | |
| {"name": "Diversité des origines"}, | |
| {"name": "Mixité et égalité professionnelle femme/homme"}, | |
| {"name": "Handicap"}, | |
| {"name": "Diversité des âges"} | |
| ]}, | |
| {"name": "Gouvernance", | |
| "children": [ | |
| {"name": "Point annuel avec le Comex"}]}] | |
| }] | |
| } | |
| ]} | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| .node circle { | |
| fill: #fff; | |
| stroke: #79055D; | |
| stroke-width: 1.5px; | |
| } | |
| .node { | |
| font: 10px sans-serif; | |
| } | |
| .link { | |
| fill: none; | |
| stroke: #ccc; | |
| stroke-width: 1.5px; | |
| } | |
| svg { | |
| margin: 50px; | |
| padding: 15px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); | |
| box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| <body> | |
| <script src="//d3js.org/d3.v3.min.js"></script> | |
| <div id="visu"></div> | |
| <script> | |
| var width = 800, | |
| height = 500; | |
| var cluster = d3.layout.cluster() | |
| .size([height, width - 300]); | |
| var diagonal = d3.svg.diagonal() | |
| .projection(function(d) { return [d.y, d.x]; }); | |
| var svg = d3.select("#visu").append("svg") | |
| .attr("width", width) | |
| .attr("height", height) | |
| .append("g") | |
| .attr("transform", "translate(40,0)"); | |
| d3.json("flare.json", function(error, root) { | |
| if (error) throw error; | |
| var nodes = cluster.nodes(root), | |
| links = cluster.links(nodes); | |
| var link = svg.selectAll(".link") | |
| .data(links) | |
| .enter().append("path") | |
| .attr("class", "link") | |
| .attr("d", diagonal); | |
| var node = svg.selectAll(".node") | |
| .data(nodes) | |
| .enter().append("g") | |
| .attr("class", "node") | |
| .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; }) | |
| node.append("circle") | |
| .attr("r", 4.5); | |
| node.append("text") | |
| .attr("dx", function(d) { return d.children ? -8 : 8; }) | |
| .attr("dy", 3) | |
| .style("text-anchor", function(d) { return d.children ? "end" : "start"; }) | |
| .text(function(d) { return d.name; }); | |
| }); | |
| d3.select(self.frameElement).style("height", height + "px"); | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment