terminando

This commit is contained in:
Adolflow 2022-10-31 15:13:19 +01:00
parent d71dcc673c
commit 0b3e22f396
3 changed files with 96 additions and 37 deletions

View file

@ -1,6 +1,37 @@
#+TITLE: Mapas mentales con Orgmode
#+AUTHOR: Adolfo Antón Bravo
#+CATEGORY: visualizar, orgmode
#+TAGS: d3js, org2opml, opml2json, d3js, pintorajs, plantuml, uml
#+DESCRIPTION: Cómo crear mapas mentales con Orgmode
#+DATE: <2022-10-31 Mon>
#+EMAIL: adolflow@infotics.es
#+OPTIONS: toc:t num:nil todo:nil pri:nil tags:nil ^:nil TeX:nil
#+LATEX_HEADER: \usepackage[english]{babel}
#+LATEX_HEADER: \addto\captionsenglish{\renewcommand{\contentsname}{{\'I}ndice}}
#+OPTIONS: ^:nil num:nil
#+OPTIONS: reveal_center:t reveal_progress:t reveal_history:nil reveal_control:t
#+OPTIONS: reveal_mathjax:t reveal_rolling_links:t reveal_keyboard:t reveal_overview:t num:nil
#+OPTIONS: reveal_width:1200 reveal_height:800
#+REVEAL_MARGIN: 0.1
#+REVEAL_MIN_SCALE: 0.5
#+REVEAL_MAX_SCALE: 2.5
#+REVEAL_TRANS: linear
#+REVEAL_THEME: sky
#+REVEAL_HLEVEL: 2
#+REVEAL_HEAD_PREAMBLE: <meta name="description" content="Herramientas de Scraping de PDF y Web.">
#+REVEAL_POSTAMBLE: <p> Creado por adolflow. </p>
#+REVEAL_PLUGINS: (highlight notes)
#+REVEAL_EXTRA_CSS: file:///home/flow/Documentos/software/reveal.js/css/reveal.css
#+REVEAL_ROOT: file:///home/flow/Documentos/software/reveal.js/
#+SETUPFILE: https://raw.githubusercontent.com/fniessen/org-html-themes/master/org/theme-readtheorg.setup
#+EXPORT_FILE_NAME: index
* Mapas mentales
Archivos importantes:
- =madrid-destino.json=, los datos de la estructura en formato JSON.
- =madrid-destino-d3js.html=, el ejercicio de =opml2json= que sigue el de Mike Bostok con [[https://d3js.org][D3js]]
- =madrid-destino-pintorajs.html=, el mapa mental con [[https://pintorajs.vercel.app/][Pintora.js]]
Repositorio que sirve para guardar los archivos que sirven para la elaboración de este artículo: https://infotics.es/articulo/mapas-mentales-con-orgmode/
** Archivos importantes:
- =d3js.html=, un ejemplo de =opml2json= que sigue el de Mike Bostok con [[https://d3js.org][D3js]] y que se puede ver [[https://project.infotics.es/mapas-mentales/d3js.html][aquí]]
- =pintorajs.html=, el mapa mental con [[https://pintorajs.vercel.app/][Pintora.js]] que se puede ver [[https://project.infotics.es/mapas-mentales/pintorajs.html][aquí]]
- =madrid-destino.json=, los datos de la estructura en formato JSON para =d3js.html=
- =madrid-destino-org=, los datos en orgmode para =pintorajs.html= y =plantuml=.

View file

@ -1,36 +1,64 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Estructura de Madrid-Destino 2016</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<style type="text/css">
.node circle {
cursor: pointer;
fill: #fff;
stroke: steelblue;
stroke-width: 1.5px;
}
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 2022-10-31 Mon 15:12 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Mapas mentales con Orgmode</title>
<meta name="author" content="Adolfo Antón Bravo" />
<meta name="description" content="Cómo crear mapas mentales con Orgmode" />
<meta name="generator" content="Org Mode" />
<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/htmlize.css"/>
<link rel="stylesheet" type="text/css" href="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/css/readtheorg.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/lib/js/jquery.stickytableheaders.min.js"></script>
<script type="text/javascript" src="https://fniessen.github.io/org-html-themes/src/readtheorg_theme/js/readtheorg.js"></script>
</head>
<body>
<div id="content" class="content">
<h1 class="title">Mapas mentales con Orgmode</h1>
<div id="table-of-contents" role="doc-toc">
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
<li><a href="#org70edee6">Mapas mentales</a>
<ul>
<li><a href="#orgcf037b8">Archivos importantes:</a></li>
</ul>
</li>
</ul>
</div>
</div>
.node text {
font-size: 11px;
}
<div id="outline-container-org70edee6" class="outline-2">
<h2 id="org70edee6">Mapas mentales</h2>
<div class="outline-text-2" id="text-org70edee6">
<p>
Repositorio que sirve para guardar los archivos que sirven para la elaboración de este artículo: <a href="https://infotics.es/articulo/mapas-mentales-con-orgmode/">https://infotics.es/articulo/mapas-mentales-con-orgmode/</a>
</p>
</div>
path.link {
fill: none;
stroke: #ccc;
stroke-width: 1.5px;
}
</style>
</head>
<body>
<h1>Estructura de Madrid Destino 2016</h1>
<p>Para entender el contexto vea el <a href="https://infotics.es/articulo/mapas-mentales-con-orgmode/">artículo de Infotics</a>.</p>
<ul>
<li><a href="d3js.html">Con D3.js</li>
<li><a href="pinturajs.html">Con pintora.js</a></li>
</ul>
</body>
<div id="outline-container-orgcf037b8" class="outline-3">
<h3 id="orgcf037b8">Archivos importantes:</h3>
<div class="outline-text-3" id="text-orgcf037b8">
<ul class="org-ul">
<li><code>d3js.html</code>, un ejemplo de <code>opml2json</code> que sigue el de Mike Bostok con <a href="https://d3js.org">D3js</a> y que se puede ver <a href="https://project.infotics.es/mapas-mentales/d3js.html">aquí</a></li>
<li><code>pintorajs.html</code>, el mapa mental con <a href="https://pintorajs.vercel.app/">Pintora.js</a> que se puede ver <a href="https://project.infotics.es/mapas-mentales/pintorajs.html">aquí</a></li>
<li><code>madrid-destino.json</code>, los datos de la estructura en formato JSON para <code>d3js.html</code></li>
<li><code>madrid-destino-org</code>, los datos en orgmode para <code>pintorajs.html</code> y <code>plantuml</code>.</li>
</ul>
</div>
</div>
</div>
</div>
<div id="postamble" class="status">
<p class="date">Date: 2022-10-31 Mon 00:00</p>
<p class="author">Author: Adolfo Antón Bravo</p>
<p class="date">Created: 2022-10-31 Mon 15:12</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
</html>