31:Tcfe, chartz = { // Définition de la taille du conteneur SVG const width = 2000; const height = width; // Calcul du centre du graphique const cx = width * 0.5; const cy = height * 0.5; // Calcul du rayon de l'arbre radial const radius = Math.min(width, height) / .65 - 1; // Create SVG container const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-cx, -cy, width, height]) .attr("style", "width: 100%; height: auto; font: 13px sans-serif; pointer-events: all; background: transparent;") .call( // Ajout du comportement de zoom d3.zoom() .extent([[0, 0], [width, height]]) .scaleExtent([0.5, 8]) .on("zoom", zoomed) ); // ZOOM initial svg.attr("translate(0, 0) scale(2)"); // Création d'un groupe pour les éléments du graphique const chartGroup = svg.append("g"); // Définition de la disposition de l'arbre radial const tree = d3.tree() .size([2 * Math.PI, radius]) .separation((a, b) => (a.parent == b.parent ? 2 : 4) / a.depth); // Création de la structure de l'arbre en utilisant les données fournies const root = tree(d3.hierarchy(Technè) .sort((a, b) => d3.ascending(a.data.name, b.data.name))); // Ajout des liens entre les nœuds chartGroup.append("g") .attr("fill", "none") .attr("stroke", "#9B9B9B") .attr("stroke-opacity", 0.4) .attr("stroke-width", 1.0) .selectAll() .data(root.links()) .join("path") .attr("d", d3.linkRadial() .angle(d => d.x) .radius(d => d.y)); // Ajout de liens vers les URL pour chaque élément ayant une URL dans le tableau JSON chartGroup.append("g") .attr("fill", "none") .selectAll() .data(root.links()) .join("path") // Ajout de cercles pour représenter les nœuds chartGroup.append("g") .selectAll() .data(root.descendants()) .join("a") .attr("href", d => d.data.url) .append("circle") .attr("transform", d => `rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0)`) .attr("fill", d => d.children ? "#9B9B9B" : "#FF8BCA") .attr("r", d => d.children ? 6 : 4); // Ajout de texte pour chaque nœud chartGroup.append("g") .selectAll() .data(root.descendants()) .join("a") .attr("href", d => d.data.url) .append("text") .attr("transform", d => `rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0) rotate(${d.x >= Math.PI ? 180 : 0})`) .attr("dy", "0.01em") .attr("x", d => d.x < Math.PI === !d.children ? 20 : -10) .attr("text-anchor", d => d.x < Math.PI === !d.children ? "start" : "end") .attr("fill", "currentcolor") // Utilisation de split pour gérer le texte sur plusieurs lignes .each(function(d) { const textArray = d.data.name.split("\n"); // Séparation par saut de ligne textArray.forEach((line, i) => { d3.select(this).append("tspan") // Ajout de tspans pour chaque ligne .text(line) .attr("dy", `${i === 0 ? "0em" : "1.2em"}`) // Ajustement de l'espacement vertical .attr("x", d.x < Math.PI === !d.children ? 20 : -10); }); }); //.text(d => d.data.name); // Fonction appelée lors du zoom function zoomed({ transform }) { chartGroup.attr("transform", transform); } return svg.node(); } 32:T4bd,### Erwan Bozec [Artiste-Technè | Néguanthropologue d'expériences collectives favorisant “l’être-au-monde” et l’autonomie du citoyen.](https://pixflowave.fr/) ### Aline Perdereau #### Conduite de projet culturel, ingénierie pédagogique Formée en Arts plastiques à l’université de Rennes, elle fut à la tête d’un service de l’architecture et du patrimoine pendant 5 ans. Dans la coopérative Artefacts jusqu’en 2020, elle a construit et mené plusieurs ateliers d’arts plastiques avec différents publics. Elle a assuré pendant 2 ans la coordination pédagogique de l’école d’art de Blois. ### Philippe Rivière #### journalisme, code, cartographie Journaliste et programmeur, il s’intéresse désormais à la cartographie et à la visualisation de données. Il anime le site Internet de réflexion sur les représentations du monde, [visionscarto.net](https://visionscarto.net/). ### Luc Léger #### Créateur numérique et modélisation De formation initiale en développement informatique, il utilise depuis plus de 10 ans des outils de modélisation 3D. Son parcours mixe à la fois la création d’applications numériques et la réalisation d’objets interactifs.33:T544,curveBumpX = { class Bump { constructor(context, x) { this._context = context; this._x = x; } areaStart() { this._line = 0; } areaEnd() { this._line = NaN; } lineStart() { this._point = 0; } lineEnd() { if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath(); this._line = 1 - this._line; } point(x, y) { (x = +x), (y = +y); switch (this._point) { case 0: { this._point = 1; if (this._line) this._context.lineTo(x, y); else this._context.moveTo(x, y); break; } case 1: this._point = 2; // falls through default: { if (this._x) this._context.bezierCurveTo( (this._x0 = (this._x0 + x) / 2), this._y0 + 1e-3, this._x0, y, x, y ); else this._context.bezierCurveTo( this._x0 + 1e-3, (this._y0 = (this._y0 + y) / 2), x, this._y0, x, y ); break; } } (this._x0 = x), (this._y0 = y); } } return function bumpX(context) { return new Bump(context, true); }; }34:[{"id":"1efc0253b9e212b28961159e76002354a47ca3c9d43126cc29176391de6eafcbd3cb469247affcaef016ca0748f446ad3c1b2a0197d745e90b409af4e2e04724","href":"https://static.observableusercontent.com/files/1efc0253b9e212b28961159e76002354a47ca3c9d43126cc29176391de6eafcbd3cb469247affcaef016ca0748f446ad3c1b2a0197d745e90b409af4e2e04724","name":"Neguentropie.png","type":"image/png","lastModified":1649152219468.907,"size":959442},{"id":"1fb9146c47d4da0da2c9d82959690224c84b3d4041741040eab1c2c1c49c43a7365389469740f5c675d8814d16af9c58f5caebfdd3d9b633743ccaf808040ca6","href":"https://static.observableusercontent.com/files/1fb9146c47d4da0da2c9d82959690224c84b3d4041741040eab1c2c1c49c43a7365389469740f5c675d8814d16af9c58f5caebfdd3d9b633743ccaf808040ca6","name":"artefacts-logo1.png","type":"image/png","lastModified":1706483094444.587,"size":283416}] 2f:{"title":"Néguentropie","cells":[{"id":0,"value":"# Néguentropie\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":4,"value":"\n

","pinned":false,"hidden":false,"mode":"html"},{"id":145,"value":"toc()","pinned":false,"hidden":false,"mode":"ojs"},{"id":165,"value":"## Œuvre","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"L'Installation artistique ***Néguentropie*** se base sur la notion d'art en tant qu'expérience à vivre. C’est une invitation à la recherche du point gris.\n\n>\" Paul Klee dit de même, dans un autre langage, que le monde naît du point gris par lui-même chaos. « Le moment cosmogénétique est là : la fixation d’un point gris dans le chaos. » \"\n>\n> — Henri Maldiney L’esthétique des rythmes\n\nCette recherche se décline concrètement par l'aménagement scénographique et mobilier d'un espace propice à l'expérimentation.\n\n>\" L’ouvrage peut ouvrir le monde d’un petit jardin, plus ou moins secret, qui constitue un espace singulier par quelqu’un qui y produit ce >que, dans un langage scientifique, on appellerait de la néguentropie – de la diversification, de la bifurcation, de l’inattendu, de l’improbable, de l’inespéré. \"\n>\n> — B. Stiegler, L’Emploi est mort, vive le travail\n","pinned":false,"hidden":false,"mode":"md"},{"id":817,"value":"### [Reboute](https://tube.futuretic.fr/c/reboutelatechnologie/videos)","pinned":false,"hidden":false,"mode":"md"},{"id":803,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":830,"value":"### Airocean - Attracteur de Lorentz - Point Gris","pinned":false,"hidden":false,"mode":"md"},{"id":1677,"value":"dual","pinned":false,"hidden":false,"mode":"ojs"},{"id":767,"value":"### Schéma partiel du pharmakon ***Néguentropie***\n#### Cartographie de bifurcations Noétiques","pinned":false,"hidden":false,"mode":"md"},{"id":1164,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1728,"value":"### Graphique réticulé des bifurcations noétiques du pharmakon [Néguentropie](https://neguentropie.art)","pinned":false,"hidden":false,"mode":"md"},{"id":1726,"value":"chartR","pinned":false,"hidden":false,"mode":"ojs"},{"id":765,"value":"### Néguentropie - 2020\n#### Résidence artistique - Artéfatcs","pinned":false,"hidden":false,"mode":"md"},{"id":902,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 120,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(Néguentropie, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5 ,stroke: \"url(#gradient)\"}),\n ]\n })\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":161,"value":"## Rencontres","pinned":false,"hidden":false,"mode":"md"},{"id":714,"value":"### [Néguentropie Frontière - 2021](https://do.doc.neguentropie.art/_publications/neguentropie-frontiere/)\n#### Atelier de la Morinerie - Tours\n[Récit \"360\"](https://do.doc.neguentropie.art/_publications/neguentropie-fontiere-360/)","pinned":false,"hidden":false,"mode":"md"},{"id":618,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(NéguentropieFrontiére, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5,stroke: \"url(#gradient)\",curve: curveBumpX}),\n ]\n })\n \n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":761,"value":"### [Néguentropie](https://do.doc.neguentropie.art/_publications/neguentropie/)\n#### La Fabrique de Blois - 2021","pinned":false,"hidden":false,"mode":"md"},{"id":755,"value":"Plot.plot({\n axis: null,\n margin: 75,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 75,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(NéguentropieLaFabriqueDeBlois2021, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5, stroke: \"url(#gradient)\",curve: curveBumpX}),\n ]\n })\n \n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":870,"value":"### [Néguentropie](https://do.doc.neguentropie.art/_publications/neguentropie/)\n#### La Fabrique de Blois - 2022","pinned":false,"hidden":false,"mode":"md"},{"id":1416,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 120,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(NéguentropieLaFabriqueDeBlois, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5 ,stroke: \"url(#gradient)\"}),\n ]\n })\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":836,"value":"### [Pour un numérique néguanthropique](https://do.doc.neguentropie.art/_publications/presentation-de-neguentropie-irisa/) - 2023\n##### Des technologies pour favoriser la noodiversité\n#### Si. — Séance inaugurale - La méthodologie de la singularité - Paris","pinned":false,"hidden":false,"mode":"md"},{"id":841,"value":"Plot.plot({\n axis: null,\n margin: 75,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 250,\n marginBottom: 75,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(Néguanthropique, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5,stroke: \"url(#gradient)\",curve: curveBumpX}),\n ]\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":726,"value":"### [Méta-Humus - 2023](https://www.msh-vdl.fr/actualite/human-tech-days-meta-humus/)\n#### Maison des Sciences de L'homme - Val de de Loire","pinned":false,"hidden":false,"mode":"md"},{"id":1421,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(MétaHumus, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5 ,stroke: \"url(#gradient)\"}),\n ]\n })\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":671,"value":"## Bifurcations émergentes ","pinned":false,"hidden":false,"mode":"md"},{"id":696,"value":"### [Néguanthropocène](https://observablehq.com/@pixflowave/neguanthropocene) - 2021","pinned":false,"hidden":false,"mode":"md"},{"id":1427,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(Néguanthropocéne, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5 ,stroke: \"url(#gradient)\"}),\n ]\n })\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":694,"value":"### Habitus - 2021","pinned":false,"hidden":false,"mode":"md"},{"id":683,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(Habitus, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5,stroke: \"url(#gradient)\",curve: curveBumpX}),\n ]\n })\n \n \n","pinned":false,"hidden":false,"mode":"ojs"},{"id":723,"value":"### Humus - 2022","pinned":false,"hidden":false,"mode":"md"},{"id":716,"value":"Plot.plot({\n axis: null,\n margin: 25,\n height: 250,\n width: 1000,\n marginRight: 150,\n marginLeft: 150,\n marginBottom: 25,\n marks: [\n () => htl.svg`\n \n \n \n \n \n `,\n Plot.tree(Humus, {dx: 5, dy: 0, fontSize:12, strokeWidth: 1,stroke: \"grey\",strokeOpacity: 0.5,stroke: \"url(#gradient)\",curve: curveBumpX}),\n ]\n })","pinned":false,"hidden":false,"mode":"ojs"},{"id":853,"value":"### Sur le Web\n- Publication de Philippe Rivière sur [Observable](https://observablehq.com/@visionscarto/neguentropie) dans le cadre du ***#30DayMapChallenge***\n- Inscription des différents projets issus de Néguentropie sur le ***Centre de Ressources pour les Arts et les Cultures - Numériques en région Centre-Val de Loire***, [CRACN Néguentropie](https://cracn.fr/books/neguentropie)\n- Publication sur le site [Organoesis](https://organoesis.org/projets-contributifs/neguentropie) suite à la rencontre avec ***Anne Alombert.***\n- Publication sur le site [oeuvres.artlibre](https://oeuvres.artlibre.org/neguentropie) suite à la rencontre avec ***Antoine Moreau.***","pinned":false,"hidden":false,"mode":"md"},{"id":856,"value":"## A Vous de Bifurquer !\n### [https://tekhne.neguentropie.art](https://tekhne.neguentropie.art)","pinned":false,"hidden":false,"mode":"md"},{"id":157,"value":"## [Documentation](https://tekhne.neguentropie.art/+neguentropie/neguentropie/publications/cale?display=section)","pinned":false,"hidden":false,"mode":"md"},{"id":150,"value":"## Co-auteur | Néguantropologue","pinned":false,"hidden":false,"mode":"md"},{"id":35,"value":"$32","pinned":false,"hidden":false,"mode":"md"},{"id":172,"value":"#### Erwan BOZEC - Philippe Rivière - Luc Léger - Aline Perdereau, Néguentropie, 2020 \nCopyleft: cette œuvre est libre, vous pouvez la copier, la diffuser et la modifier selon les termes de la [Licence Art Libre](http://www.artlibre.org)","pinned":false,"hidden":false,"mode":"md"},{"id":891,"value":"\n

\n ![artefacts-logo1.png](${await FileAttachment(\"artefacts-logo1.png\").url()})\n","pinned":false,"hidden":false,"mode":"md"},{"id":897,"value":"[https://artefacts.coop](https://artefacts.coop/)","pinned":false,"hidden":false,"mode":"md"},{"id":788,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1153,"value":"d3 = require(\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":1704,"value":"Technè = fetch(\"https://raw.githubusercontent.com/Pixflowave/Neguentropie/main/neguentropie.json\")\n .then(response => response.json())","pinned":false,"hidden":false,"mode":"ojs"},{"id":1075,"value":"import {chart} from \"@pixflowave/radial-tidy-tree-with-hyperlinks\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1670,"value":"import {dual} from \"@pixflowave/airocean-attracteur-de-lorentz\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":960,"value":"import {zoom} from \"@observablehq/plot-zoom\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":917,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":142,"value":"import {toc,} from '@ericmauviere/techniques-pour-tutoriels'","pinned":false,"hidden":false,"mode":"ojs"},{"id":1691,"value":"import {chartR} from \"@pixflowave/graph_neguentropie\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1069,"value":"import {ForceGraph} from \"@d3/force-directed-graph\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":571,"value":"Néguentropie = [\n \"Néguentropie/Aline Perdereau\",\n \"Néguentropie/Philippe Rivière\",\n \"Néguentropie/Aline Perdereau\",\n \"Néguentropie/Erwan Bozec\",\n ]\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":718,"value":"Humus = [\n \"Humus/Laurie Dufrenne\",\n \"Humus/Erwan Bozec\",\n \"Humus/Laurie Pailler\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":733,"value":"MétaHumus = [\n \"Méta-Humus/Jean-Paul Thibeau\",\n \"Méta-Humus/Erwan Bozec\",\n \"Méta-Humus/Anne Alombert\",\n \"Méta-Humus/Luc Léger\",\n \n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":686,"value":"Habitus = [\n \"Habitus/Jean-Paul Thibeau\",\n \"Habitus/Erwan Bozec\",\n \"Habitus/Julia Nivan\",\n \"Habitus/Camille Guyon Taillens\",\n \"Habitus/Benjamin Cadon\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":629,"value":"Néguanthropocéne = [\n \"Néguanthropocène/Jean-Paul Thibeau\",\n \"Néguanthropocène/Erwan Bozec\",\n \"Néguanthropocène/Philippe Carré\",\n \"Néguanthropocène/Manuel Herreno\",\n \"Néguanthropocène/Camille Guyon Taillens\",\n \"Néguanthropocène/Olivier Heinry\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":847,"value":"Néguanthropique = [\n \"Pour un Numérique Néguanthropique/Anne Alomber\",\n \"Pour un Numérique Néguanthropique/Erwan Bozec\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":756,"value":"NéguentropieLaFabriqueDeBlois2021 = [\n \"Néguentropie/Erwan Bozec\",\n \"Néguentropie/La Fabrique de Blois\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":873,"value":"NéguentropieLaFabriqueDeBlois = [\n \"Néguentropie/Anne Alomber\",\n \"Néguentropie/Erwan Bozec\",\n \"Néguentropie/Antoine Moreau\",\n \"Néguentropie/La Fabrique de Blois\",\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":648,"value":"NéguentropieFrontiére = [\n \"Néguentropie Frontiére/Mélissa Plet-Whyckhuyse\",\n \"Néguentropie Frontiére/Erwan Bozec\",\n \"Néguentropie Frontiére/Aline Perdereau\",\n]","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}