Grafoscopio

									'',
									'',
									''
								]
							}
						],
						#parent : @4,
						#level : 3



























					},
					GrafoscopioNode {
						#header : 'GrafoscopioNode > Model: Cleaning the code',
						#body : 'This was the first Smalltalk package I ever wrote and I think that is full of rookie code:

  - Long variables in a single object, I can use composition instead. headers and nodesInPreorder
     could be not stored in the GrafoscopioNode, instead just use messages that return a value.
    This could mean to migrate Grafoscopio notebook formats to support add/removal of variables
    in the GrafoscopioNode
  - No test almost anywhere. I don\'t know much about Test Driven Development.',
						#children : OrderedCollection [ ],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'New introductory mind map in free plane instead of Xmind',
						#key : '',
						#body : 'The usual mind map is done in Xmind, which gives nice backgrounds and layouts,
but the new ribbon interface uses a lot of screen\'s real state and its unconfortable for
presentations (the presentation mode is something you need to pay) while freeplane
has a cleaner interface a better keyboard and mouse ergonomy that is pretty useful
in presentations. ',
						#children : OrderedCollection [ ],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Real tags support',
						#key : '',
						#body : 'For historical reasons, tags only stores a single word: \'código\' (code) or nothing,
because it was the simpliest thing that could work for the shorter amount of time
for the first deliverable in Grafoscopio (that was an 

								#key : '',
								#body : 'Script:
Two persons are collaborating in and etherpad or chat room.
One of them shares a workspace url and the other copies this
into a new node header and press Enter and the workspace becomes
avaible to her/him automatically.',
								#children : OrderedCollection [ ],
								#parent : @29,
								#level : 4
							},
							GrafoscopioNode {
								#header : 'Switching from text nodes to code nodes',
								#key : '',
								#body : '',
								#children : OrderedCollection [ ],
								#parent : @29,
								#level : 4
							}
						],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {

For this a fossil repository should be administered from Grafoscopio, 
This repository could include notebooks and external files like exported or imported
images (png, jpeg), bibliographic files (bibtex, json) and styles (CSL) and related artifacts
for pdf and web (LaTeX styles and templates, pdf outputs, etc) ',
						#children : OrderedCollection [ ],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Sharing node publishing history?',
						#key : '',
						#body : 'TO BE EVALUATED

If a node, for example a playground, is imported/exported on-line, you could track the history
of this node and its transformations via succesive imports/exports.
So a collection of urls and operations (import/export) are stored as part of the node and
thus part of the notebook.',
						#children : OrderedCollection [ ],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Installing external apps?',
						#key : '',
						#body : 'For a fluid working, Grafoscopio relies on external apps, which are not available from Pharo because
they\'re not native apps: 

						#level : 3,
						#links : OrderedCollection [
							'',
							''
						]
					},
					GrafoscopioNode {





						#header : 'Subnode extraction (a la Leo)',
						#key : '',
						#body : '[Leo editor](http://leoeditor.com/) includes the possiblity to mark a part of a node and made it
a subnode of the current one, with the node body contents being populated by the marked part, 
and the node header something between special marks.
A similar feature would be very useful in Grafoscopio to structure the documents and its internals,
splitting big node bodies into smaller children nodes, that compose the bigger one (the parent).',
						#children : OrderedCollection [ ],





















						#parent : @4,
						#level : 3








































					},
					GrafoscopioNode {
						#header : 'Node cache & edition undo/redo',
						#key : '',
						#body : '- [ ]Now nodes are added and deleted without any possibility of undo.
- [X]Also there is not possibility of copying and pasting nodes in the same
notebook or between notebooks. (Done. See "Copying Grafoscopio nodes").
This possiblities should be implemented.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Node undeletion',
								#key : '',
								#body : 'Node undeletion could be implemented just by changing the message for cutting.
Because parent info is stil on GrafoscopioNode clipboard before pasting. should not be
difficult to made a tree search for such parent to restore the deleted node to its original location.
A history for undoing other tree operations could be more difficult to implement',
								#children : OrderedCollection [ ],
								#parent : @53,
								#level : 4
							}
						],
						#parent : @4,
						#level : 3
					},
					GrafoscopioNode {

										#key : '',
										#body : 'Metacello new
    baseline: \'FileDialog\';
    repository: \'github://peteruhnak/file-dialog/repository\';
    load.',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @59,
										#level : 5
									},
									GrafoscopioNode {
										#header : 'Opening the file dialog',
										#key : '',
										#body : '"This opens the new file dialog "
UIManager default chooseFileMatching: #(\'*.ston\')',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @59,
										#level : 5
									}
								],
								#parent : @57,
								#level : 4,
								#links : OrderedCollection [
									'',
									'https://github.com/peteruhnak/file-dialog'
								]
							}
						],

   logToTranscript;
   start.
"Una vez allí podemos ir a http://localhost:1701/help en nuestro navegador 
y veremos distintos ejemplos de la funcionalidad provista por Zinc.
Nos interesan los que empiezan por \'fomr-test\': ',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @69,
										#level : 5,
										#links : OrderedCollection [
											'',
											''
										]
									}
								],
								#parent : @67,
								#level : 4,
								#links : OrderedCollection [
									'',
									''
								]
							},
							GrafoscopioNode {

										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'gantry: Next Generation Theme Framework',
												#body : '> Develop CMS themes quickly and efficiently while providing flexibility and ease-of-use for end-users.

Es el creador de sitios para el cual Particle está hecho.',
												#children : OrderedCollection [ ],
												#parent : @77,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'http://gantry.org/'
												]
											}
										],
										#parent : @75,
										#level : 4,
										#nodesInPreorder : OrderedCollection [
											@77
										],
										#links : OrderedCollection [
											'',
											'',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types',
											'http://docs.gantry.org/gantry5/advanced/particle-yaml-field-types'
										]
									},
									GrafoscopioNode {
										#header : 'YAML Form | Drupal',
										#body : 'Un plugin que permite definir formularios de drupal en YAML. 
Ver el video para apreciar cómo luce y funciona.',
										#children : OrderedCollection [ ],
										#parent : @75,
										#level : 4,
										#links : OrderedCollection [
											'',
											'',
											'https://www.drupal.org/project/yamlform'
										]
									}
								],
								#parent : @67,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									''
								]

								#body : 'Gofer it
 smalltalkhubUser: \'Pharo\' project: \'Calypso\';
 configuration;
 loadStable.
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @89,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									'',
									''

I\'m unsure if using \'ThisNotebook\' or \'ThisNode\' is good style in Smalltalk.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Exploring a Playground node',
								#body : 'self class',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @97,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									''
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							''
						]

							GrafoscopioNode {
								#header : 'Opening a playground and capturing its events',
								#body : 'playground := GTPlayground new.
[playground openOn: GTPlayPage new] for.
playground announcer',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @103,
								#level : 4,
								#links : OrderedCollection [
									'',
									'http://ws.stfx.eu/ETEC2JH7363M'
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							''
						]
					},
					GrafoscopioNode {
						#header : 'Keyboard shortcuts for notebook operations.',
						#body : 'An easy way to move, insert, delete and make operations with the notebooks and its nodes,
via keyboard shorcuts (like Leo).',
						#children : OrderedCollection [ ],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							''
						]
					}
				],

testTree := GrafoscopioNode new becomeDefaultTestTree.
nb := GrafoscopioNotebook new.
nb notebook: testTree; 
   notebookContent: testTree.
nb openWithSpec.',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @114,
								#level : 2
							},
							GrafoscopioNode {
								#header : 'Launching & inspecting text notebook',
								#key : '',
								#body : '| testTree nb nodeContent parentNode |
testTree := GrafoscopioNode new becomeDefaultTestTree.
nb := GrafoscopioNotebook new.
nb notebook: testTree; 
   notebookContent: testTree.
nb openWithSpec.
nodeContent := (testTree children at: 1) children at: 1.
parentNode := nb tree roots at: 1.
nb highlightItemContaining: nodeContent andParent: parentNode ',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @114,
								#level : 2
							},
							GrafoscopioNode {
								#header : 'Nicolai\'s example',
								#key : '',
								#body : '|t nodeBlock |
nodeBlock:= [:class | |node|
    node := TreeNodeModel new.
    node hasChildren:[ class subclasses isEmpty not].
    node children: [class subclasses collect:[:subclass | nodeBlock value: subclass]].
    node content: class].
t:=TreeModel new.
t roots: (Morph subclasses collect:[:class | nodeBlock value:class]).
t whenBuiltDo:[ t selectedItem:( t roots first selected:true;takeHighlight;yourself)].
t openWithSpec
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @114,
								#level : 2
							}
						],
						#parent : @112,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Update documentation',
						#key : '',
						#body : ' - [X] Instation of documentation should work using fossil JSON views instead of the current
    implementation with metadata that needs to be filled manually.
 - [ X ] Installation of documentation shoud be done automatically with the installation of Grafoscopio. ',
						#children : OrderedCollection [ ],
						#parent : @112,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Node operations: cut, copy, paste, delete',
						#key : '',
						#body : '',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Via scripting',
								#key : '',
								#body : '"This was just a preliminary exploration, the proper way to copy nodes is using the clipboard. See next node."
| testTree nodeCopy newParent |
testTree := GrafoscopioNode new becomeDefaultTestTree.
newParent := GrafoscopioNode new.
nodeCopy := (testTree children at: 1) copy.
nodeCopy parent: newParent.
newParent children add: nodeCopy.',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @124,
								#level : 5
							},
							GrafoscopioNode {
								#header : 'Via clipboard',
								#key : '',
								#body : '| testTree nodeCopy newParent sparseTree ref |
testTree := GrafoscopioNode new becomeDefaultTestTree.
newParent := GrafoscopioNode new.
nodeCopy := (testTree children at: 1).
nodeCopy copyToClipboard.
newParent pasteFromClipboard  ',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @124,
								#level : 5
							}
						],
						#parent : @112,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Happy new year',
						#body : 'points := Compiler evaluate: \' {(-225@ -206). (-225@ -196). (-228@ -185). (-228@ -174). (-230@ -164). (-218@ -182). (-209@ -182). (-197@ -182). (-190@ -207). (-192@ -194). (-190@ -187). (-192@ -170). (-190@ -161). (-180@ -161). (-176@ -171). (-167@ -185). (-162@ -197). (-151@ -208). (-143@ -202). (-140@ -193). (-124@ -164). (-136@ -183). (-133@ -175). (-159@ -181). (-150@ -181). (-142@ -181). (-97@ -165). (-101@ -181). (-101@ -193). (-103@ -206). (-104@ -210). (-88@ -211). (-77@ -210). (-80@ -199). (-89@ -193). (-61@ -171). (-63@ -182). (-64@ -213). (-67@ -200). (-64@ -191). (-54@ -207). (-38@ -210). (-54@ -190). (-40@ -188). (-35@ -195). (-35@ -200). (-42@ -207). (0@ -199). (0@ -194). (-6@ -179). (-4@ -185). (-10@ -171). (-11@ -163). (-17@ -201). (-13@ -194). (-9@ -190). (57@ -196). (58@ -190). (58@ -181). (58@ -176). (57@ -168). (62@ -193). (69@ -180). (68@ -183). (74@ -175). (80@ -163). (77@ -170). (80@ -172). (81@ -184). (81@ -197). (81@ -201). (95@ -198). (97@ -183). (97@ -162). (98@ -169). (97@ -172). (107@ -162). (116@ -162). (122@ -162). (103@ -178). (109@ -179). (101@ -198). (117@ -198). (111@ -198). (134@ -196). (151@ -179). (141@ -187). (154@ -170). (167@ -170). (176@ -200). (175@ -194). (160@ -195). (183@ -174). (171@ -181). (162@ -189). (187@ -181). (189@ -185). (197@ -198). (-147@ -105). (-156@ -98). (-156@ -89). (-163@ -82). (-165@ -94). (-180@ -111). (-174@ -103). (-167@ -74). (-134@ -102). (-137@ -89). (-135@ -79). (-136@ -73). (-126@ -67). (-119@ -68). (-122@ -86). (-128@ -84). (-128@ -102). (-119@ -102). (-99@ -72). (-86@ -102). (-92@ -96). (-96@ -88). (-77@ -99). (-62@ -75). (-73@ -88). (-63@ -75). (-54@ -67). (-91@ -81). (-86@ -79). (-77@ -79). (-29@ -61). (-33@ -109). (-33@ -96). (-32@ -88). (-32@ -82). (-32@ -75). (-31@ -71). (-22@ -101). (-14@ -101). (-9@ -89). (-15@ -86). (-25@ -86). (-19@ -80). (0@ -72). (-5@ -80). (-3@ -67). (-126@21). (-123@4). (-117@ -3). (-107@ -10). (-91@ -8). (-93@7). (-85@16). (-85@34). (-89@44). (-91@57). (-108@67). (-119@79). (-132@86). (-119@87). (-102@88). (-90@88). (-74@87). (-8@9). (-18@19). (-20@30). (-23@43). (-18@53). (-14@61). (-4@73). (6@78). (35@69). (38@55). (24@81). (15@82). (45@44). (37@35). (33@23). (24@14). (11@9). (2@7). (54@79). (66@69). (82@21). (74@56). (74@41). (78@39). (88@19). (88@28). (89@38). (90@79). (88@55). (89@49). (127@31). (131@21). (134@14). (152@10). (168@10). (177@13). (189@13). (192@14). (182@44). (188@35). (187@25). (171@56). (164@69). (152@82). (152@89). (141@93)}\'.

delta := 30.

\t\t\t\t\t\ton: e)
\t\t].
\t
[points do: [ :p | b value: p. (Delay forSeconds: 0.1) wait ]] fork.
v open',
						#tags : 'código',
						#children : OrderedCollection [ ],
						#parent : @112,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							'',
							''

											#body : Text {
												#string : '',
												#runs : RunArray {
													#runs : [ ],
													#values : [ ]
												}
											},
											#children : @136,
											#parent : GrafoscopioNode {
												#header : 'Bibliografía',
												#key : '',
												#body : 'Este nodo mostrará cómo trabajar con referencias bibliográficas.
La bibliografía está en un grupo en Zotero, pero hay algunas labores de automatización
que se requieren para leer los items de la misma y colocarlos en el archivo en formato
bibtex, que se invoca para construir dicha bibliografía y citarla en el documento.

												'',
												'',
												''
											]
										},
										#level : 4,
										#nodesInPreorder : OrderedCollection [
											@137
										],
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',

										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'Basic Zotero API',
												#key : '',
												#body : '',
												#tags : '',
												#children : OrderedCollection [ ],
												#parent : @150,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics'
												]
											},
											GrafoscopioNode {
												#header : 'Zotero Web API Item Type/Field Requests',
												#body : '',
												#children : OrderedCollection [ ],
												#parent : @150,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/types_and_fields'
												]
											},
											GrafoscopioNode {
												#header : 'Intro to the Zotero API for Pyhon',
												#key : '',
												#body : 'A pesar de referirse a Python,  puede extrapolarse a otros lenguajes, como Smalltalk',
												#tags : '',
												#children : OrderedCollection [ ],
												#parent : @150,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'http://programminghistorian.org/lessons/intro-to-the-zotero-api',

												#header : 'Exportación',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Export formats',
														#body : '',
														#children : OrderedCollection [ ],
														#parent : @161,
														#level : 6,
														#links : OrderedCollection [
															'',
															'',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats'
														]
													},
													GrafoscopioNode {
														#header : 'Exportar a .bib',
														#body : '',
														#children : OrderedCollection [ ],
														#parent : @161,
														#level : 6,
														#links : OrderedCollection [
															'',
															'',
															'',
															'',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib'
														]
													}
												],
												#parent : @150,
												#level : 5,
												#links : OrderedCollection [
													'',
													''
												]
											},
											GrafoscopioNode {
												#header : 'Search syntax',
												#body : '',
												#children : OrderedCollection [ ],
												#parent : @150,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/basics#search_syntax'
												]
											}
										],
										#parent : @139,
										#level : 4,
										#links : OrderedCollection [
											'',
											''
										]
									},
									GrafoscopioNode {

WebBrowser openOn: \'https://api.zotero.org/groups/204755/items/top?start=0&limit=25&format=atom&v=1\'.

"Lo cual quiere decir que el ID es 204755."
',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @139,
										#level : 4,
										#links : OrderedCollection [
											'',
											'',
											'',
											''
										]
									},
									GrafoscopioNode {
										#header : 'Abrir la descripción de un grupo',
										#key : '',
										#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755\') contents',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @139,
										#level : 4
									},
									GrafoscopioNode {
										#header : 'Consultar bibliotecas',
										#key : '',
										#body : '',
										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'Scripts manuales',
												#key : '',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Información general',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755\') contents
',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @181,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Ultimos 25 items',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/items\') contents.

"Por omisión trae los últimos 25 items agregados en la biblioteca"',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @181,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Subcolecciones',
														#key : '',
														#body : '',
														#children : OrderedCollection [
															GrafoscopioNode {
																#header : 'Info de subcolección particular',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2\') contents
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @187,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Items en una subcolección',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items\') contents

"Estos items también incluyen las anotaciones que se hayan hecho sobre un documento en particular."',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @187,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Excluir las anotaciones de todos los items.',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note\') contents

"Estos items excluyen las anotaciones que se hayan hecho sobre cualquier documento"
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @187,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Excluir anotaciones y anexos',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note || attachment\') contents

"Estos items excluyen las anotaciones y los anexos en cualquier item"
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @187,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Bibtex',
																#key : '',
																#body : '',
																#children : OrderedCollection [

\tjournal = {@offrayLC},
\tauthor = {Luna Cárdenas, Offray Vladimir},
\tyear = {2013},
\tkeywords = {replaceShortTitle}
}',
																		#tags : 'código',
																		#children : OrderedCollection [ ],
																		#parent : @197,
																		#level : 7
																	},
																	GrafoscopioNode {
																		#header : 'Todos los items de una subcolección',
																		#key : '',
																		#body : '(ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note || attachment&format=bibtex\') contents utf8Decoded 
',
																		#tags : 'código',
																		#children : OrderedCollection [ ],
																		#parent : @197,
																		#level : 7
																	}
																],
																#parent : @187,
																#level : 6
															}
														],
														#parent : @181,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Ultimos 5 items',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items/top\') contents

"Estos items también incluyen las anotaciones que se hayan hecho sobre
un documento en particular."
',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @181,
														#level : 5
													}
												],
												#parent : @179,
												#level : 5
											},
											GrafoscopioNode {
												#header : 'Usando el paquete Zotero',
												#key : '',
												#body : 'He creado el paquete "Zotero", pronto instalable desde el catálogo, que facilita la consulta y exportación de bibliotecas
almacenadas en zotero. 
Los scripts del nodo anterior sirvieron como exploración preliminar para implementar dicho paquete.',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Información general',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'204755\') generalInfo ',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @205,
														#level : 6,
														#links : OrderedCollection [
															''
														]
													},
													GrafoscopioNode {
														#header : 'Ultimos 25 items',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'204755\') lastItems.',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @205,
														#level : 6,
														#links : OrderedCollection [
															''
														]
													},
													GrafoscopioNode {
														#header : 'Ultimas 25 colecciones',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'32947\') lastCollections',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @205,
														#level : 6,
														#links : OrderedCollection [
															'',
															''
														]
													},
													GrafoscopioNode {
														#header : 'Subcolecciones',
														#key : '',
														#body : '',
														#children : OrderedCollection [
															GrafoscopioNode {
																#header : 'Info de subcolección particular',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollection: \'5NVZ4WH2\'',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @216,
																#level : 7,
																#links : OrderedCollection [
																	''
																]
															},
															GrafoscopioNode {
																#header : 'Ultimos items',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionLastItems: \'5NVZ4WH2\'.',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @216,
																#level : 7
															},
															GrafoscopioNode {
																#header : 'Items, nodos padres',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionLastParentItems: \'5NVZ4WH2\'.
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @216,
																#level : 7
															},
															GrafoscopioNode {
																#header : 'Exportando a BibTeX',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionAsBibTeX: \'5NVZ4WH2\'
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @216,
																#level : 7,
																#links : OrderedCollection [
																	''
																]
															}
														],
														#parent : @205,
														#level : 6
													}
												],
												#parent : @179,
												#level : 5
											}
										],
										#parent : @139,
										#level : 4
									}
								],
								#parent : @133,
								#level : 4,
								#nodesInPreorder : OrderedCollection [
									@135,
									@137,
									@150,
									@152,
									@158,
									@174,
									@177,
									@179,
									@181,
									@183,
									@185,
									@187,
									@189,
									@191,
									@193,
									@195,
									@197,
									@199,
									@201,
									@203,
									@205,
									@207,

									@210,
									@213,
									@216,
									@218,

									@221,
									@223,
									@225






								],
								#links : @147
							},
							GrafoscopioNode {
								#header : 'BibTeX',
								#key : '',
								#body : 'Para trabajar con BibTeX, es necesario cargar el paquete citezen desde el catálogo de Pharo
(OJO es la única "i" es la primera, no confundir con citizen, que tiene dos "i"s).

														[ ]
													],
													#lastIndex : 352,
													#lastRun : 1,
													#lastOffset : 351
												}
											},
											#children : @230,
											#parent : @144,
											#level : 3,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

\tDesign." },
\tjournaltitle = {Design Issues},
\tdate = {date},
\tissue = {17},
\tpages = {67-84},
}',
										#children : OrderedCollection [ ],
										#parent : @233,
										#level : 4
									}
								],
								#parent : @133,
								#level : 4,
								#nodesInPreorder : OrderedCollection [
									@229,
									@231,
									@240
								],
								#links : @239
							},
							GrafoscopioNode {
								#header : 'Citizen',
								#body : '',
								#children : OrderedCollection [
									GrafoscopioNode {
										#header : 'Old citezen tests',
										#body : 'Previously I made some tests with [citezen][citezen] for cleaning the bibliographic references,
but that implementation was abandoned, because it was far too specific.
Now that I\'m implemeting Zotero back end in a more general way, would be nice to retake
the initial citezen experiments.

See/browse children nodes for some details on previos exploration.

[citezen]: (http://people.untyped.org/damien.pollet/software/citezen/)',
										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'Tweet',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Script screenshot zoom',
														#body : '',
														#children : OrderedCollection [ ],
														#parent : @247,
														#level : 5,
														#links : OrderedCollection [
															'',
															'https://www.enlightenment.org/ss/e-54454b6c965410.68921158.jpg'
														]
													}
												],
												#parent : GrafoscopioNode {
													#header : 'Old citezen tests',
													#body : Text {
														#string : 'Previously I made some tests with [citezen][citezen] for cleaning the bibliographic references,
but that implementation was abandoned, because it was far too specific.
Now that I\'m implemeting Zotero back end in a more general way, would be nice to retake
the initial citezen experiments.

See/browse children nodes for some details on previos exploration.

[citezen]: (http://people.untyped.org/damien.pollet/software/citezen/)',
														#runs : RunArray {
															#runs : [
																435
															],
															#values : [
																[ ]
															],
															#lastIndex : 366,
															#lastRun : 1,
															#lastOffset : 365
														}
													},
													#children : @246,
													#parent : GrafoscopioNode {
														#header : 'Bibliography',
														#body : '',
														#children : OrderedCollection [
															GrafoscopioNode {
																#header : 'Quering Zotero collection and exporting as BibTeX',
																#body : '"This script updates the bibliography for this document with the latest
available online. Useful if you\'re adding new bibliographic references"
| bibTeXData bibFile bibliography tempStream |
bibTeXData := (ZoteroLibrary new groupID: \'204755\') subcollectionAsBibTeX: \'N8AUS6TT\'.
tempStream := \'\' writeStream.
bibliography := CZBibParser parse: bibTeXData.
bibliography entries do: [ :entry | 
\tentry fields second key = \'shorttitle\'
\t\tifTrue: [entry key: entry fields second value ].
\ttempStream nextPutAll: (BibBibRenderer new render: entry) contents].
bibFile := FileLocator home asFileReference / \'Programas\' / \'Grafoscopio\' / \'Repo\' / \'Packages\' / \'Dataviz\' / \'JOSS\' / \'paper.bib\'.
bibFile exists
\tifTrue: [ bibFile delete ] 
\tifFalse: [ bibFile ensureCreateFile ].
bibFile writeStreamDo: [ :stream | stream nextPutAll: tempStream contents ].
bibFile
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @258,
																#level : 3,
																#links : OrderedCollection [
																	'',
																	'http://ws.stfx.eu/4138G3OYJZ9I'
																]
															}
														],
														#parent : GrafoscopioNode {
															#header : '%invisible ',
															#body : '',
															#children : OrderedCollection [
																@258,
																GrafoscopioNode {
																	#header : 'Exporting this paper',
																	#body : 'The idea is, at some point it to support a Pharo dictionary of metadata, including
options to export the generated markdown file to other formats, by increasing self
referentiality on the notebook (read its own defined dictionaries, and use them as
export options). Meanwhile, here is the command used on this notebook for the
generated output:

',
																	#children : OrderedCollection [ ],
																	#parent : @263,
																	#level : 3,
																	#links : OrderedCollection [
																		''
																	]
																}
															],
															#parent : GrafoscopioNode {
																#header : '%idea JOSS paper',
																#body : '  ---
  title: \'Dataviz: A package of domain specific visualizations and languages for the Pharo live coding environment\'
  tags:
    - literate computing
    - reproducible research
    - data visualization
    - agile visualization
    - data activism
    - pocket infrastructures
    - moldable tools
    - civil tech
    - grafoscopio
  authors:
   - name: Offray Vladimir Luna Cárdenas
     orcid: 0000-0002-4640-6984
     affiliation: 1
     affiliation: 2
     affiliation: 3
  affiliations:
   - name: HackBo: a hackerspace in Bogotá
     index: 1
   - name: mutabiT
     index: 2
  - name: University of Caldas
     index: 3
  date: 06 April 2017
  bibliography: paper.bib
  ---

  # Summary

  Dataviz is a companion package for Grafoscopio [ @luna-grafoscopio-2014] that puts together several examples
  of Domain Specific Visualizations and Domain Specific Languages (DSV, DSL, respectively) developed with the Roassal
  agile visualization engine [@bergel_agile_2016].
  Included prototypes approach several themes like:  
  Panama Papers as reproducible Research [@luna-panama-papers-2016], Twitter data selfies [@luna-twitter-ds-2016]
  and published medicine access [@luna-dsv-infomed-2016] and are presented via blog post and internal interactive
  documentation via Grafoscopio notebooks.
  The classes in the package and their documentation show several levels of maturity from pretty mature (Panama Papers)
  to early coder practices (Infomed) and are offered as examples and excersises to learners in our recurrent Data Week
  workshop+hackathon, for code testing and refactoring.
  
  %embed HTML screenshot
  %embed LaTeX screenshot

  # References
',
																#children : OrderedCollection [
																	GrafoscopioNode {
																		#header : '%embed HTML screenshot',
																		#body : '',
																		#children : OrderedCollection [ ],
																		#parent : GrafoscopioNode {
																			#header : '%idea JOSS paper',
																			#body : '  ---
  title: \'Dataviz: A package of domain specific visualizations and languages for the Pharo live coding environment\'
  tags:
    - literate computing
    - reproducible research
    - data visualization
    - agile visualization
    - data activism
    - pocket infrastructures
    - moldable tools
    - civil tech
    - grafoscopio
  authors:
   - name: Offray Vladimir Luna Cárdenas
     orcid: 0000-0002-4640-6984
     affiliation: 1
     affiliation: 2
     affiliation: 3
  affiliations:
   - name: HackBo: a hackerspace in Bogotá
     index: 1
   - name: mutabiT
     index: 2
  - name: University of Caldas
     index: 3
  date: 29 March 2017
  bibliography: paper.bib
  ---

  # Summary

  Dataviz is a companion package for Grafoscopio [ @luna-2014] that puts together several examples of Domain
  Specific Visualizations and Domain Specific Languages (DSV, DSL, respectively) developed with the Roassal
  agile visualization engine [@bergel].
  Included prototypes approach several themes like:  
  Panama Papers as reproducible Research [@luna-pp], Twitter Data Selfies [@luna-tds]
  and published medicine access [@luna-infomed] and are presented via blog post and internal 
  interactive documentation via Grafoscopio notebooks.
  The classes in the package and their documentation show several levels of maturity from pretty mature 
  (Panama Papers) to early coder practices (Infomed) and are offered as examples and excersises to learners in our
  recurrent Dataviz workshop+hackathon, for code testing and refactoring.
  
  %embed HTML screenshot
  %embed LaTeX screenshot

  # References
',
																			#children : @269,
																			#parent : GrafoscopioNode {
																				#header : 'Dataviz',
																				#body : Text {
																					#string : '',
																					#runs : RunArray {
																						#runs : [ ],
																						#values : [ ]
																					}
																				},
																				#children : OrderedCollection [
																					GrafoscopioNode {
																						#header : 'Readme',
																						#body : ' Dataviz is a companion package for [Grafoscopio][grafoscopio-en] that puts together several examples of Domain
  Specific Visualizations and Domain Specific Languages (DSV, DSL, respectively) developed with the 
  [Roassal agile visualization engine][roassal].
  Included prototypes approach several themes like:  
  Panama Papers as reproducible Research [@luna-pp], Twitter Data Selfies [@luna-tds]
  and published medicine access [@luna-infomed] and are presented via blog post and internal 
  interactive documentation via Grafoscopio notebooks.
  The classes in the package and their documentation show several levels of maturity from pretty mature 
  (Panama Papers) to early coder practices (Infomed) and on going developments (Twitter Data Selfies) and 
  are offered as examples and excersises to learners in our recurrent Dataviz workshop+hackathon, for code 
  testing and refactoring.
',
																						#children : OrderedCollection [
																							GrafoscopioNode {
																								#header : '%idea screenshots',
																								#body : '<p>
  <a href="http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup">
    <img 
      src="https://offray.withknown.com/file/e9cc5646d905a316c2cce14402aa5a05/thumb.png" 
      alt="Starting avatar wheel" 
      width="30%"
    />
  </a>
  <a href="http://mutabit.com/offray/blog/en/entry/sdv-infomed">
    <img 
    margin-right: 1%; 
    margin-bottom: 0.5em;" 
    src="http://mutabit.com/repos.fossil/offray-blog/doc/tip/user/pages/entry/sdv-infomed/omeprazol-by-property.png" 
    alt="Ranibizumab\'s matrix sunburst for prescription and use data by country"
    width="30%"
    >
  </a>
  <a href="http://mutabit.com/offray/blog/en/entry/panama-papers-1">
    <img 
    src="http://mutabit.com/repos.fossil/offray-blog/doc/tip/user/pages/entry/panama-papers-1/minisite.png" 
    alt="Panama Papers minisite"
    width="30%"
    >
  </a>    
</p>

<p><small>
<b>^ Up |</b> 
Screenshots of the visualizations contained in the Dataviz package. 
From left to right: Twitter dataselfies, medical information and Panama Papers. 
Click on each image for more details.
</small></p>',
																								#children : OrderedCollection [ ],
																								#parent : GrafoscopioNode {
																									#header : 'Dataviz readme',
																									#body : '<!--
This subtree produces the readme markdown file that is used to produce the page you see when visiting:

http://mutabit.com/repos.fossil/grafoscopio/doc/tip/Packages/Dataviz/readme.html
-->',
																									#children : @280,
																									#parent : GrafoscopioNode {
																										#header : 'Arbol principal',
																										#body : '',
																										#children : OrderedCollection [
																											GrafoscopioNode {
																												#header : 'Notebook Intro',
																												#body : 'This notebook introduce the Dataviz package. Here you will find, subtrees that
produce the introductory markdown file in the repository, the readme file and
a Paper for [JOSS][joss] and a tree for each of the main examples of the included 
package classes.

Expand and explore the respective parts of the tree for more details.',
																												#children : OrderedCollection [ ],
																												#parent : @284,
																												#level : 1,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											GrafoscopioNode {
																												#header : 'Domain Specific Visualizations & Languages',
																												#body : '',
																												#children : OrderedCollection [
																													GrafoscopioNode {
																														#header : 'OffshoreLeaks a.k.a Panama Papers',
																														#body : 'Please use the visit link button in the top bar to visit the blog post link explaining
the project in detail and browse inner nodes in this subtree for exploring the package
and/or its documentation deeper.',
																														#children : OrderedCollection [
																															GrafoscopioNode {
																																#header : 'Launch interactive notebook',
																																#body : 'OffshoreLeaksDB ope',
																																#tags : 'código',
																																#children : OrderedCollection [ ],
																																#parent : @291,
																																#level : 3,
																																#links : OrderedCollection [
																																	''
																																]
																															},
																															GrafoscopioNode {
																																#header : 'Browse the source code',
																																#body : '"To browse the source code used in working with the data, select and execute this:"
OffshoreLeaksDB class browse.

"To browse the source code used to work with the territories, select and execute this:"
Territory browse 
',
																																#tags : 'código',
																																#children : OrderedCollection [ ],
																																#parent : @291,
																																#level : 3,
																																#links : OrderedCollection [
																																	'',
																																	'http://ws.stfx.eu/BACTITA478FG'
																																]
																															}
																														],
																														#parent : @289,
																														#level : 2,
																														#links : OrderedCollection [
																															'',
																															'http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup',
																															'http://mutabit.com/offray/blog/en/entry/panama-papers-1'
																														]
																													},
																													GrafoscopioNode {
																														#header : 'Twitter Data Selfies',
																														#body : 'Please use the visit link button in the top bar to visit the blog post link explaining
the project in detail and browse inner nodes in this subtree for exploring the package
and/or its documentation deeper.',
																														#children : OrderedCollection [
																															GrafoscopioNode {
																																#header : 'Browse the source code',
																																#body : '"To browse the TwitterProfile source code, execute the
following line.
Once you are there you will see other documented classes and protocols
that let you explor the domain object"
TwitterProfile browse 
',
																																#tags : 'código',
																																#children : OrderedCollection [ ],
																																#parent : @300,
																																#level : 3,
																																#links : OrderedCollection [
																																	''
																																]
																															}
																														],
																														#parent : @289,
																														#level : 2,
																														#links : OrderedCollection [
																															'',
																															'http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup'
																														]
																													},
																													GrafoscopioNode {
																														#header : 'Infomed: Comparative access to public medicine info',
																														#body : 'Please use the visit link button in the top bar to visit the blog post link explaining
the project in detail and browse inner nodes in this subtree for exploring the package
and/or its documentation deeper.',
																														#children : OrderedCollection [
																															GrafoscopioNode {
																																#header : 'Browse the source code',
																																#body : '"To browse the source code, execute the
following line.
Once you are there you will see other documented classes and protocols
that let you explor of the domain object."
PublishedMedInfo browse ',
																																#tags : 'código',
																																#children : OrderedCollection [ ],
																																#parent : @306,
																																#level : 3,
																																#links : OrderedCollection [
																																	''
																																]
																															}
																														],
																														#parent : @289,
																														#level : 2,
																														#links : OrderedCollection [
																															'',
																															'http://mutabit.com/offray/blog/en/entry/sdv-infomed'
																														]
																													}
																												],
																												#parent : @284,
																												#level : 1,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											GrafoscopioNode {
																												#header : '%idea Dataviz folder intro',
																												#body : '# The Dataviz package

<!--
This subtree produces the intro file that is the default page you see when visiting:

http://mutabit.com/repos.fossil/grafoscopio/doc/tip/Packages/Dataviz/intro.md
-->',
																												#children : OrderedCollection [
																													GrafoscopioNode {
																														#header : '%idea screenshots',
																														#body : '<p>
  <a href="http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup">
    <img 
      src="https://offray.withknown.com/file/e9cc5646d905a316c2cce14402aa5a05/thumb.png" 
      alt="Starting avatar wheel" 
      width="30%"
    />
  </a>

  <a href="http://mutabit.com/offray/blog/en/entry/sdv-infomed">
    <img 
    margin-right: 1%; 
    margin-bottom: 0.5em;" 
    src="http://mutabit.com/repos.fossil/offray-blog/doc/tip/user/pages/entry/sdv-infomed/omeprazol-by-property.png" 
    alt="Ranibizumab\'s matrix sunburst for prescription and use data by country"
    width="30%"
    >
  </a>

  <a href="http://mutabit.com/offray/blog/en/entry/panama-papers-1">
    <img 
    src="http://mutabit.com/repos.fossil/offray-blog/doc/tip/user/pages/entry/panama-papers-1/minisite.png" 
    alt="Panama Papers minisite"
    width="30%"
    >
  </a>    
</p>

<p><small>
<b>^ Up |</b> 
Screenshots of the visualizations contained in the Dataviz package. 
From left to right: Twitter dataselfies, medical information and Panama Papers. 
Click on each image for more details.
</small></p>',
																														#children : @282,
																														#parent : @313,
																														#level : 2,
																														#links : OrderedCollection [
																															''
																														]
																													},
																													GrafoscopioNode {
																														#header : '%idea overview',
																														#body : 'Dataviz, is a companion package for [Grafoscopio][grafoscopio-en] that puts together several examples of Domain
Specific Visualizations and Domain Specific Languages (DSV, DSL, respectively) developed with the 
[Roassal agile visualization engine][roassal].
Included prototypes approach several themes like:
[Panama Papers as reproducible Research][panama-papers], [Twitter Data Selfies][twitter-ds]
and [published medicine information access][infomed] and are presented using blog post and/or internal 
interactive documentation, via Grafoscopio notebooks.
The classes in the package and their documentation show several levels of maturity from pretty mature 
(Panama Papers) to early coder practices (Infomed) and on going developments (Twitter Data Selfies) and 
are offered as examples and excersises to learners in our recurrent [Data Week][dataweek] workshop+hackathon, 
for code testing and refactoring.

It is suposed that you have familiarity with Grafoscopio and that you are in the same audience, as stated
in its [manual][grafoscopio-manual]:

> Grafoscopio and its companion package, Dataviz, are intended to be used by learners and researchers 
in several fields: academia, journalism, activism, hacktivism and for anyone interested in open reproducible 
research and data storytelling backed by data and agile visualizations.
This document assumes that you are such person.

Here are some other quick entry points for Dataviz:

  - The [Dataviz readme](./readme.html) file.
  - The Dataviz paper for [JOSS][joss] will give you a quick scholar view for the software: 
    abstract, metatada and links and to dig deeper:
    [[source](./JOSS/paper.md)] | 
    [[PDF](./paper.pdf)].
  - The [Dataviz source code repository][dataviz-sthub] on SmalltalkHub.
',
																														#children : OrderedCollection [ ],
																														#parent : @313,
																														#level : 2,
																														#nodesInPreorder : OrderedCollection [
																															@317
																														],
																														#links : OrderedCollection [
																															''
																														]
																													},
																													GrafoscopioNode {
																														#header : '%idea external links',
																														#body : '[agileviz-quickstart]: https://dl.dropboxusercontent.com/u/31543901/AgileVisualization/QuickStart/0101-QuickStart.html
[beaker]: http://beakernotebook.com/
[bibtex]: https://en.wikipedia.org/wiki/BibTeX
[chocolatey]: https://chocolatey.org/
[citezen]: http://people.untyped.org/damien.pollet/software/citezen/
[d3js]: https://d3js.org/
[dataviz-sthub]: http://smalltalkhub.com/#!/~Offray/Dataviz 
[dataweek]: http://mutabit.com/dataweek/
[etherpad]: https://en.wikipedia.org/wiki/Etherpad
[flare]: http://flare.prefuse.org/
[floor-function]: https://en.wikipedia.org/wiki/Floor_and_ceiling_functions
[fuel]: http://rmod.inria.fr/web/software/Fuel
[fossil]: http://fossil-scm.org/
[joss]: http://joss.theoj.org/
[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html
[grafoscopio-fossil]: http://mutabit.com/repos.fossil/grafoscopio/
[grafoscopio-manual]: http://mutabit.com/repos.fossil/grafoscopio/doc/tip/Docs/En/Books/Manual/manual.pdf
[grafoscopio-tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket
[grafoscopio-tickets-current]: http://mutabit.com/repos.fossil/grafoscopio/rptview?rn=1
[grafoscopio-sthub]: http://smalltalkhub.com/#!/~Offray/Grafoscopio
[git]: https://en.wikipedia.org/wiki/Git
[github]: https://en.wikipedia.org/wiki/GitHub
[gogs]: https://gogs.io/
[gt-tools]: http://gtoolkit.org/
[hackbo]: http://hackbo.co/
[infomed]: http://mutabit.com/offray/blog/en/entry/sdv-infomed
[json]: http://en.wikipedia.org/wiki/JavaScript_Object_Notation
[jupyter]: http://jupyter.org/
[jupyterlab]: http://jupyterlab.github.io/jupyterlab/
[latex]: https://en.wikipedia.org/wiki/LaTeX
[leo]: http://leoeditor.com
[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language
[manual-tip]: http://mutabit.com/repos.fossil/grafoscopio/dir?tip&name=Docs/En/Books/Manual
[markdown]: http://pandoc.org/MANUAL.html#pandocs-markdown
[mooc]: https://siemenbaader.github.io/PharoMooc-website/
[mooc-spotter1]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter1-BrowsingAClassWithSpotter-V2-HD_720p_4Mbs.m4v
[mooc-spotter2]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter2-Categories-V2-HD_720p_4Mbs.m4v
[mooc-w3-14]: http://amara.org/en/videos/04UWGMwnrdXz/info/rmod-pharo-mooclilleinriafrc019-videos-redo-dsl-hd_720p_4mbsm4v/
[neojson]: https://ci.inria.fr/pharo-contribution/job/EnterprisePharoBook/lastSuccessfulBuild/artifact/book-result/NeoJSON/NeoJSON.html
[nix]: http://nixos.org/nix/
[nosql]: https://en.wikipedia.org/wiki/NoSQL
[nteract]: https://nteract.io/
[oop-pharo-2017]: https://ci.inria.fr/pharo-contribution/view/Books/job/LearningObjectOrientedProgramming/98/artifact/book.pdf
[org-mode]: http://orgmode.org/
[panama-papers]: http://mutabit.com/offray/blog/en/entry/panama-papers-1
[pandoc]: http://pandoc.org/
[pastebin]: https://en.wikipedia.org/wiki/Pastebin
[pharo]: http://pharo.org/
[pharo-download]: http://pharo.org/download
[pollen]: http://docs.racket-lang.org/pollen/
[processing]: https://processing.org/
[raphaeljs]: https://dmitrybaranovskiy.github.io/raphael/
[roassal]: http://agilevisualization.com/
[rolling-release]: https://en.wikipedia.org/wiki/Rolling_release
[spec]: http://files.pharo.org/books/spec-tutorial/
[spotter]: http://gtoolkit.org/#spotter
[sqlite]: http://sqlite.org/
[ston]: https://github.com/svenvc/ston/blob/master/ston-paper.md
[texmacs]: http://texmacs.org/
[twitter-ds]: http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup
[udbc]: http://www.smalltalkhub.com/#!/~TorstenBergmann/UDBC 
[zeppling]: http://zeppelin-project.org/
[zotero]: https://www.zotero.org/
[zotero-manual]: https://www.zotero.org/groups/diseo_y_creacion_phd_msc_universidad_de_caldas/items/collectionKey/PHGTCZVT',
																														#children : OrderedCollection [ ],
																														#parent : @313,
																														#level : 2,
																														#nodesInPreorder : OrderedCollection [
																															@321
																														],
																														#links : OrderedCollection [
																															''
																														]
																													}
																												],
																												#parent : @284,
																												#level : 1,
																												#nodesInPreorder : OrderedCollection [
																													@313,
																													@315,
																													@317,
																													@321
																												],
																												#links : OrderedCollection [
																													'',
																													'intro.md'
																												]
																											},
																											@283,
																											@268
																										],
																										#level : 0,
																										#nodesInPreorder : OrderedCollection [
																											@284,
																											@286,
																											@289,
																											@291,
																											@293,
																											@296,
																											@300,
																											@302,
																											@306,
																											@308,
																											@313,
																											@315,
																											@317,
																											@321,
																											@283,
																											@281,
																											GrafoscopioNode {
																												#header : '%idea overview',
																												#body : 'Dataviz is a companion package for [Grafoscopio][grafoscopio-en] that puts together several examples of Domain
Specific Visualizations and Domain Specific Languages (DSV, DSL, respectively) developed with the 
[Roassal agile visualization engine][roassal].
Included prototypes approach several themes like:  
Panama Papers as reproducible Research [@luna-pp], Twitter Data Selfies [@luna-tds]
and published medicine access [@luna-infomed] and are presented via blog post and internal 
interactive documentation via Grafoscopio notebooks.
The classes in the package and their documentation show several levels of maturity from pretty mature 
(Panama Papers) to early coder practices (Infomed) and on going developments (Twitter Data Selfies) and 
are offered as examples and excersises to learners in our recurrent Dataviz workshop+hackathon, for code 
testing and refactoring.

It is suposed that you have familiarity with Grafoscopio and that you are in the same audience, as stated
in its manual:

> Grafoscopio and its companion package, Dataviz, are intended to be used by learners and researchers 
in several fields: academia, journalism, activism, hacktivism and for anyone interested in open reproducible 
research and data storytelling backed by data and agile visualizations [@bergel_agile_2016].
This document assumes that you are such person.

Here are some other quick entry points for Dataviz:

  - The Dataviz paper for [JOSS][joss] will give you a quick scholar view for the software: 
    abstract, metatada and links and to dig deeper:
    [[source](./JOSS/paper.md)] | 
    [[LaTeX](./paper.tex)] | 
    [[PDF](./paper.pdf)].
  - The [Dataviz source code repository][grafoscopio-sthub] on SmalltalkHub.',
																												#children : @318,
																												#parent : @279,
																												#level : 3,
																												#links : @320
																											},
																											GrafoscopioNode {
																												#header : 'Instalation instructions',
																												#body : 'Dataviz package is installed by default with the installation of Grafoscopio, but you can
install it separately by using Monticello Pharo package manager configurations. 
To install and load Dataviz, simply run:

',
																												#children : OrderedCollection [
																													GrafoscopioNode {
																														#header : 'Install and load configuration',
																														#body : '"Start by loading the configuration of Dataviz"
  Gofer new
    url: \'http://smalltalkhub.com/Offray/Dataviz/main\';
    package: \'ConfigurationOfDataviz\';
  load.

"After that load Datavi"
ConfigurationOfDataviz load.
',
																														#tags : 'código',
																														#children : OrderedCollection [ ],
																														#parent : @329,
																														#level : 4,
																														#links : OrderedCollection [
																															'',
																															'http://ws.stfx.eu/D6DDTUAMWIOK'
																														]
																													}
																												],
																												#parent : @279,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											@331,
																											GrafoscopioNode {
																												#header : 'Usage instructions & Examples',
																												#body : 'As we said, Dataviz is a set of packaged exmaples of Domain Specific Visualizations and Domain Specific
Language (DSV and DSL) using Roassal agile visualization engine and/or documented with Grafoscopio
notebook, so the usage instructions is related with how to use and explore such examples.

Dataviz presents a main notebook (from which this  ̀readme ̀ file was generated), that introduce
its Domain Specific Visualizations & Languages.
To open the notebook go to the Grafoscopio docking bar and select `Help > Dataviz` or execute
the following code:;

',
																												#children : OrderedCollection [
																													GrafoscopioNode {
																														#header : 'Open dataviz introdutory notebook',
																														#body : 'GrafoscopioDocumentation openDatavizIntro ',
																														#tags : 'código',
																														#children : OrderedCollection [ ],
																														#parent : @335,
																														#level : 4,
																														#links : OrderedCollection [
																															''
																														]
																													}
																												],
																												#parent : @279,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											@337,
																											GrafoscopioNode {
																												#header : 'API documentation',
																												#body : 'Dataviz, like Grafoscopio, inhabits the Pharo full live coding environment,
and we follow the custom of making the API documentation available
inside a dynamic environment, instead in some static web page.

Instructions for opening different parts of the Dataviz API  inside the system browser,
and see the objects and  messages organized by protocols, are provided in the companion interactive
notebook, with other contextual information, so we recoment to refer to the notebook API documentation.
',
																												#children : OrderedCollection [ ],
																												#parent : @279,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											GrafoscopioNode {
																												#header : 'Community Guidelines',
																												#body : 'Because the community that makes/uses Grafoscopio is the same for Dataviz,
we follow the same community guidelines for contributing to the community,
reporting bugs and other ways of collaboration.
It is supposed that you are familiar with Grafoscopio and its manual, if you are using Dataviz.
But, just for reference, plese see the Community Guidelines section in the 
[Grafoscopio manual][grafoscopio-manual] for more detailed information about the above subjects.',
																												#children : OrderedCollection [ ],
																												#parent : @279,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											GrafoscopioNode {
																												#header : '%idea external links',
																												#body : '[agileviz-quickstart]: https://dl.dropboxusercontent.com/u/31543901/AgileVisualization/QuickStart/0101-QuickStart.html
[beaker]: http://beakernotebook.com/
[bibtex]: https://en.wikipedia.org/wiki/BibTeX
[chocolatey]: https://chocolatey.org/
[citezen]: http://people.untyped.org/damien.pollet/software/citezen/
[d3js]: https://d3js.org/
[dataviz-sthub]: http://smalltalkhub.com/#!/~Offray/Dataviz 
[dataweek]: http://mutabit.com/dataweek/
[etherpad]: https://en.wikipedia.org/wiki/Etherpad
[flare]: http://flare.prefuse.org/
[floor-function]: https://en.wikipedia.org/wiki/Floor_and_ceiling_functions
[fuel]: http://rmod.inria.fr/web/software/Fuel
[fossil]: http://fossil-scm.org/
[joss]: http://joss.theoj.org/
[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html
[grafoscopio-fossil]: http://mutabit.com/repos.fossil/grafoscopio/
[grafoscopio-manual]: http://mutabit.com/repos.fossil/grafoscopio/doc/tip/Docs/En/Books/Manual/manual.pdf
[grafoscopio-tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket
[grafoscopio-tickets-current]: http://mutabit.com/repos.fossil/grafoscopio/rptview?rn=1
[grafoscopio-sthub]: http://smalltalkhub.com/#!/~Offray/Grafoscopio
[git]: https://en.wikipedia.org/wiki/Git
[github]: https://en.wikipedia.org/wiki/GitHub
[gogs]: https://gogs.io/
[gt-tools]: http://gtoolkit.org/
[hackbo]: http://hackbo.co/
[json]: http://en.wikipedia.org/wiki/JavaScript_Object_Notation
[jupyter]: http://jupyter.org/
[jupyterlab]: http://jupyterlab.github.io/jupyterlab/
[latex]: https://en.wikipedia.org/wiki/LaTeX
[leo]: http://leoeditor.com
[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language
[manual-tip]: http://mutabit.com/repos.fossil/grafoscopio/dir?tip&name=Docs/En/Books/Manual
[markdown]: http://pandoc.org/MANUAL.html#pandocs-markdown
[mooc]: https://siemenbaader.github.io/PharoMooc-website/
[mooc-spotter1]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter1-BrowsingAClassWithSpotter-V2-HD_720p_4Mbs.m4v
[mooc-spotter2]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter2-Categories-V2-HD_720p_4Mbs.m4v
[mooc-w3-14]: http://amara.org/en/videos/04UWGMwnrdXz/info/rmod-pharo-mooclilleinriafrc019-videos-redo-dsl-hd_720p_4mbsm4v/
[neojson]: https://ci.inria.fr/pharo-contribution/job/EnterprisePharoBook/lastSuccessfulBuild/artifact/book-result/NeoJSON/NeoJSON.html
[nix]: http://nixos.org/nix/
[nosql]: https://en.wikipedia.org/wiki/NoSQL
[nteract]: https://nteract.io/
[oop-pharo-2017]: https://ci.inria.fr/pharo-contribution/view/Books/job/LearningObjectOrientedProgramming/98/artifact/book.pdf
[org-mode]: http://orgmode.org/
[pastebin]: https://en.wikipedia.org/wiki/Pastebin
[pandoc]: http://pandoc.org/
[pharo]: http://pharo.org/
[pharo-download]: http://pharo.org/download
[pollen]: http://docs.racket-lang.org/pollen/
[processing]: https://processing.org/
[raphaeljs]: https://dmitrybaranovskiy.github.io/raphael/
[roassal]: http://agilevisualization.com/
[rolling-release]: https://en.wikipedia.org/wiki/Rolling_release
[spec]: http://files.pharo.org/books/spec-tutorial/
[spotter]: http://gtoolkit.org/#spotter
[sqlite]: http://sqlite.org/
[ston]: https://github.com/svenvc/ston/blob/master/ston-paper.md
[texmacs]: http://texmacs.org/
[udbc]: http://www.smalltalkhub.com/#!/~TorstenBergmann/UDBC 
[zeppling]: http://zeppelin-project.org/
[zotero]: https://www.zotero.org/
[zotero-manual]: https://www.zotero.org/groups/diseo_y_creacion_phd_msc_universidad_de_caldas/items/collectionKey/PHGTCZVT',
																												#children : @322,
																												#parent : @279,
																												#level : 3,
																												#nodesInPreorder : OrderedCollection [
																													@347
																												],
																												#links : @324
																											},
																											GrafoscopioNode {
																												#header : 'Licences',
																												#body : 'Dataviz is licensed under MIT license and the readme and the Dataviz 
documentation downloaded with the package installation is licensed under a 
modified P2P license.
To see a full copy of such respective licenses, please visit the files under this repository:

  - [Dataviz source code and software MIT license](../../Docs/En/Licenses/grafoscopio-mit.md)
  - [Dataviz documentation P2P modified license](../../Docs/En/Licenses/documents-p2p-ismb.md)
',
																												#children : OrderedCollection [ ],
																												#parent : @279,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											@268,
																											@270,
																											GrafoscopioNode {
																												#header : '%embed LaTeX screenshot',
																												#body : '',
																												#children : OrderedCollection [ ],
																												#parent : @272,
																												#level : 3,
																												#links : OrderedCollection [
																													''
																												]
																											},
																											@263,
																											@258,
																											@260,
																											@265
																										],
																										#links : OrderedCollection [ ]
																									},
																									#level : 1,
																									#nodesInPreorder : OrderedCollection [
																										@283,
																										@281,
																										@328,
																										@329,
																										@331,
																										@335,
																										@337,
																										@341,
																										@344,
																										@347,
																										@349
																									],
																									#links : OrderedCollection [
																										'',
																										'Packages/Dataviz/',
																										'Packages/Dataviz/readme.md',
																										'readme.md'
																									]
																								},
																								#level : 2,
																								#nodesInPreorder : OrderedCollection [
																									@281
																								],
																								#links : @316
																							},
																							@328,
																							@329,
																							@335,
																							@341,
																							@344,
																							@347,
																							@349
																						],
																						#parent : @273,
																						#level : 2,
																						#nodesInPreorder : OrderedCollection [
																							@279,
																							@329,
																							@331,
																							@335,
																							@341,
																							GrafoscopioNode {
																								#header : 'Test',
																								#body : Text {
																									#string : '',
																									#runs : RunArray {
																										#runs : [ ],
																										#values : [ ]
																									}
																								},
																								#children : OrderedCollection [ ],
																								#parent : @279,
																								#level : 3,
																								#links : OrderedCollection [
																									''
																								]
																							},
																							@344,
																							@347,
																							@349
																						],
																						#links : @357
																					},
																					@272
																				],
																				#parent : GrafoscopioNode {
																					#header : 'Arbol principal',
																					#body : '',
																					#children : OrderedCollection [
																						GrafoscopioNode {
																							#header : '%invisible introduction',
																							#body : 'This notebook serves as an entry point for the Grafoscopio repository.
It documents Grafoscopio and Dataviz projects/packages.
It generates several exported subtrees that are documents in such shared repository
for both projects documentation.',
																							#children : OrderedCollection [ ],
																							#parent : @367,
																							#level : 1,
																							#links : OrderedCollection [
																								''
																							]
																						},
																						GrafoscopioNode {
																							#header : '%idea Intro repo file',
																							#body : '# Welcome to our repository

You are visiting our documentation source code and issues repository for the Grafoscopio project.
[Grafoscopio][grafoscopio-en] a moldable tool for literate computing and reproducible
research developed on [Pharo][pharo] live coding and computing integrated environment, 
in the context of a PhD research in a hacker space of the Global South ([HackBo][hackbo] 
in Bogotá, Colombia), that is being actively used, developed and documented.

You can use the top bar to browse this repository or use these quick entry points:

  - [JOSS][joss] papers will give you a quick scholar view for the software: 
    abstract and metatada and links and to dig deeper.
    - Grafoscopio paper: 
      [[source](./Docs/En/Papers/JOSS/Grafoscopio/paper.md)] | 
      [[LaTeX](./Docs/En/Papers/JOSS/Grafoscopio/paper.tex)] | 
      [[PDF](./Docs/En/Papers/JOSS/Grafoscopio/paper.pdf)].
    - Dataviz package paper: 
      [[source](./Docs/En/Papers/JOSS/Dataviz/paper.md)] | 
      [[LaTeX](./Docs/En/Papers/JOSS/Dataviz/paper.tex)] | 
      [[PDF](./Docs/En/Papers/JOSS/Dataviz/paper.pdf)].
  - The [readme](./readme.html) file for Grafoscopio for a quick oveview and start.
  - The [complete manual](./Docs/En/Books/Manual/manual.pdf) for detailed instructions.
  - The [Spanish Wiki](wiki?name=inicio).
  - The [source code repository][grafoscopio-sthub] on SmalltalkHub.

',
																							#children : OrderedCollection [
																								GrafoscopioNode {
																									#header : '%idea Grafoscopio screenshot',
																									#body : '<figure><a href="./Docs/Imagenes/side-by-side.png">
    <img
\tsrc="./Docs/Imagenes/side-by-side.png"
\tstyle="width:85%"
\talt="Grafoscopio environment and a final generated pdf, side by side."
    >
  </a>
  <figcaption><small><b>^Up |</b> 
       Grafoscopio environment and the final pdf, side by side.
       </small> 
    </figcaption>
<figure>',
																									#children : OrderedCollection [ ],
																									#parent : @372,
																									#level : 2,
																									#links : OrderedCollection [
																										''
																									]
																								},
																								GrafoscopioNode {
																									#header : '%idea external links',
																									#body : '[agileviz-quickstart]: https://dl.dropboxusercontent.com/u/31543901/AgileVisualization/QuickStart/0101-QuickStart.html
[beaker]: http://beakernotebook.com/
[bibtex]: https://en.wikipedia.org/wiki/BibTeX
[chocolatey]: https://chocolatey.org/
[citezen]: http://people.untyped.org/damien.pollet/software/citezen/
[d3js]: https://d3js.org/
[dataweek]: http://mutabit.com/dataweek/
[etherpad]: https://en.wikipedia.org/wiki/Etherpad
[flare]: http://flare.prefuse.org/
[floor-function]: https://en.wikipedia.org/wiki/Floor_and_ceiling_functions
[fuel]: http://rmod.inria.fr/web/software/Fuel
[fossil]: http://fossil-scm.org/
[joss]: http://joss.theoj.org/
[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html
[grafoscopio-fossil]: http://mutabit.com/repos.fossil/grafoscopio/
[grafoscopio-tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket
[grafoscopio-tickets-current]: http://mutabit.com/repos.fossil/grafoscopio/rptview?rn=1
[grafoscopio-sthub]: http://smalltalkhub.com/#!/~Offray/Grafoscopio
[git]: https://en.wikipedia.org/wiki/Git
[github]: https://en.wikipedia.org/wiki/GitHub
[gogs]: https://gogs.io/
[gt-tools]: http://gtoolkit.org/
[hackbo]: http://hackbo.co/
[json]: http://en.wikipedia.org/wiki/JavaScript_Object_Notation
[jupyter]: http://jupyter.org/
[jupyterlab]: http://jupyterlab.github.io/jupyterlab/
[latex]: https://en.wikipedia.org/wiki/LaTeX
[leo]: http://leoeditor.com
[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language
[manual-tip]: http://mutabit.com/repos.fossil/grafoscopio/dir?tip&name=Docs/En/Books/Manual
[markdown]: http://pandoc.org/MANUAL.html#pandocs-markdown
[mooc]: https://siemenbaader.github.io/PharoMooc-website/
[mooc-spotter1]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter1-BrowsingAClassWithSpotter-V2-HD_720p_4Mbs.m4v
[mooc-spotter2]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter2-Categories-V2-HD_720p_4Mbs.m4v
[mooc-w3-14]: http://amara.org/en/videos/04UWGMwnrdXz/info/rmod-pharo-mooclilleinriafrc019-videos-redo-dsl-hd_720p_4mbsm4v/
[neojson]: https://ci.inria.fr/pharo-contribution/job/EnterprisePharoBook/lastSuccessfulBuild/artifact/book-result/NeoJSON/NeoJSON.html
[nix]: http://nixos.org/nix/
[nosql]: https://en.wikipedia.org/wiki/NoSQL
[nteract]: https://nteract.io/
[oop-pharo-2017]: https://ci.inria.fr/pharo-contribution/view/Books/job/LearningObjectOrientedProgramming/98/artifact/book.pdf
[org-mode]: http://orgmode.org/
[pastebin]: https://en.wikipedia.org/wiki/Pastebin
[pandoc]: http://pandoc.org/
[pharo]: http://pharo.org/
[pharo-download]: http://pharo.org/download
[pollen]: http://docs.racket-lang.org/pollen/
[processing]: https://processing.org/
[raphaeljs]: https://dmitrybaranovskiy.github.io/raphael/
[roassal]: http://agilevisualization.com/
[rolling-release]: https://en.wikipedia.org/wiki/Rolling_release
[spec]: http://files.pharo.org/books/spec-tutorial/
[spotter]: http://gtoolkit.org/#spotter
[sqlite]: http://sqlite.org/
[ston]: https://github.com/svenvc/ston/blob/master/ston-paper.md
[texmacs]: http://texmacs.org/
[udbc]: http://www.smalltalkhub.com/#!/~TorstenBergmann/UDBC 
[zeppling]: http://zeppelin-project.org/
[zotero]: https://www.zotero.org/
[zotero-manual]: https://www.zotero.org/groups/diseo_y_creacion_phd_msc_universidad_de_caldas/items/collectionKey/PHGTCZVT',
																									#children : @322,
																									#parent : @372,
																									#level : 2,
																									#nodesInPreorder : OrderedCollection [
																										@377
																									],
																									#links : @324
																								}
																							],
																							#parent : @367,
																							#level : 1,
																							#nodesInPreorder : OrderedCollection [
																								@372,
																								@374,
																								@377
																							],
																							#links : OrderedCollection [
																								'',
																								'intro.md'
																							]
																						},
																						GrafoscopioNode {
																							#header : 'Grafoscopio',
																							#body : '',
																							#children : OrderedCollection [
																								GrafoscopioNode {
																									#header : 'Readme ',
																									#body : 'This `readme` file introduces Grafoscopio in a quick way, to have a panoramic
view of it and having it working easily.
It is a edited shorter version of the [full user manual][full-manual], please refer to
it for detailed documentation.',
																									#children : OrderedCollection [
																										GrafoscopioNode {
																											#header : 'Overview',
																											#body : '',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : 'This tool and you',
																													#body : '',
																													#children : OrderedCollection [
																														GrafoscopioNode {
																															#header : '%idea For what',
																															#body : 'Grafoscopio is a moldable tool for literate computing and reproducible
research developed on [Pharo][pharo] live coding and computing integrated environment, 
in the context of a PhD research in a hacker space of the Global South ([HackBo][hackbo] 
in Bogotá, Colombia), that is being actively used, developed and documented.
We will expand on the points of the previous definition.

  - Being moldable [@moldable-debugger-2014] means that is easy to adapt the tool to several problems,
    which follows the opposite popular path of trying to force several problems into a predefined tool.
    Tools change us. So we need to change them back to express our concerns and to help us 
    in dealing with complex issues and problems in a flexible way.
  - Literate computing [@literate-computing-2015] is a way  of intertwining prose, code, data 
    and visualizations to make data based storytelling, experimentation, exploration and 
    documentation in diverse broad fields like academia, journalism, research and (h)ac(k)tivism.
    Grafoscopio allows the creation of literate computing structured interactive notebooks, that 
    take the form of a tree-like programmable document.
  - Research claims and findings and supporting data and visualizations can be integrated in 
    interactive notebooks with historic traceability, allowing reproducible research.
  - Because of the continuity and uniformity of the Pharo environment [@pbe-2016], Grafoscopio blurs 
    the distinction between code, data, document, application and IDE [^ide] and tries to blur 
    also the distinction between interactive documents authors and software developers. 
  - From the particular context where is being developed (HackBo hackerspace and a PhD research on
    Design and Creation), Grafoscopio is concived as a empowering simple and self contained *pocket
    infrastructure* (that work off-line/on-line  from USB thumb drives and/or low resources machines 
    [@luna-grafoscopio-2014]), wich states a critical approach to exclusionary ideas about data, coding, 
    research, and their practicioners, places, and supporting tools and infrastructures.
    In the [Grafoscopio web page][grafoscopio-en], we showcase several projects aligned with such
    critical approach and the idea that technology is mostly not neutral, wich is also reflected in some parts
    of this text and in the fact that we\'re opinionated about technology and its uses.
    I hope you find our technology and themes choices empowering and reavealing of alternatives.

  [^ide]: IDE: Integrated software Development Environment
',
																															#children : OrderedCollection [
																																GrafoscopioNode {
																																	#header : '%invisible What is Grafoscopio? Alternative definitions',
																																	#body : '',
																																	#children : OrderedCollection [
																																		GrafoscopioNode {
																																			#header : 'From the web site',
																																			#body : 'Grafoscopio is a moldable tool for interactive documentation, exploratory computing, agile data visualization,
and reproducible research, that is being used in several fields: citizen, garage & open science, (h)ac(k)tivism, open & community innovation, domain specific visualization and data journalism, and has a lot of other potential uses. 

Grafoscopio is covered by a Free Libre Open Source Software license (MIT) and it has an associated hackathon/workshop, called the Data Week, oriented to citizen concerns, which are related and mediated by data and visualization. There we learn, adapt and feedback this tool.
Grafoscopio is and integrates simple and self-cointained "pocket infractures", that can be execute On/Off-line, from a USB thumb drive, a rasperry-Pi alike computer, a modest server or any hardware in between and beyond. ',
																																			#children : OrderedCollection [ ],
																																			#parent : @391,
																																			#level : 3,
																																			#links : OrderedCollection [
																																				''
																																			]
																																		},
																																		GrafoscopioNode {
																																			#header : 'From the JOSS article',
																																			#body : '[Literate computing] [@perez&granger-2015] is a way of intertwining prose, code data and visualizations
to make data based storytelling, experimentation, exploration and documentation in diverse broad fields like academia, journalism, research and (h)ac(k)tivism.
Grafoscopio is moldable tool [@girba_scg:_2014] for literate computing
and reproducible research, and 

agile data visualizations [@bergel-2015], 
in a tree-like interactive document metaphor, 

developed on the [Pharo][pharo] live coding and computing integrated environment. 
Because of the continuity and uniformity of this environment, Grafoscopio blurs 
the distinction between code, data, document, application and IDE and tries to 
blur the distinction between interactive documents authors and software developers 
[@luna-2017]. 

Grafoscopio has been developed in the context of a PhD research in a hackerspace of 
the Global South ([HackBo][hackbo] in Bogotá, Colombia) and from this particular context was
concived as a empowering, simple, flexible and self contained *pocket infrastructure* 
(that works off-line/on-line from USB thumb drives and/or low resources machines [@luna2014]).
',
																																			#children : OrderedCollection [ ],
																																			#parent : @391,
																																			#level : 3,
																																			#links : OrderedCollection [
																																				''
																																			]
																																		},
																																		GrafoscopioNode {
																																			#header : 'From GSoC',
																																			#body : 'Literate computing is a way of mixing text, code, data and visualizations for making data based storytelling, experimentation, exploration and documentation in diverse broad fields like academia, journalism, research and activism, or Pharo specific themes (for Roasall, Polymath etc). Grafoscopio is a tool that brings literate computing to the Pharo environment by allowing the creation of structured interactive notebooks in a tree-like programmable document metaphor.',
																																			#children : OrderedCollection [ ],
																																			#parent : @391,
																																			#level : 3,
																																			#links : OrderedCollection [
																																				''
																																			]
																																		}
																																	],
																																	#parent : @389,
																																	#level : 3,
																																	#links : OrderedCollection [
																																		''
																																	]
																																}
																															],
																															#parent : @387,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														},
																														GrafoscopioNode {
																															#header : '%idea from whom',
																															#body : 'Grafoscopio is intended to be used by learners and researchers in several fields: 
academia, journalism, activism, hacktivism and for anyone interested in open reproducible 
research and data storytelling backed by data and agile visualizations [@bergel_agile_2016].
This document assumes that you are such person. 
We will introduce the general features of Grafoscopio and point to several external and internal 
resources to complete your panoramic view of the ecosystem that let you deep your knowledge.

We included introductory resources to learn Pharo and data visualization, 
processing and storage related technologies (see the `Help` menu), and 
the [Grafoscopio web page][grafoscopio-en] (see figure \\ref{fig:web-page-en}) shows several 
examples of how to use them for specific projects: 
Panama Papers as reproducible research; open community innovation in access to medicine 
information; Twitter data selfies; specific domain visualizations for medicine information; 
open, garage and citizen science and research.
*This whole manual was also created using Grafoscopio* and is also an example of the type 
of documents you can create with this tool.
We hope to inspire you to create and publish your own projects.

This document, by not trying to be comprenhensive, is a first invitation to know the 
Grafoscopio environment and to deep your knowledge with the use of it and other related resources.
You will see that, despite of being a manual, it includes pretty practical examples and invitations.
That is because I think that learning something new is more like reading a map
that reading a manual: you make first a panoramic view of where you are and
where you want to be, and take a practical approach to making your tasks and
reaching your destination.

No prior knowledge of programming is supposed to follow this manual.

![ Detail for the Grafoscopio [English web page][grafoscopio-en]. ](../../../Imagenes/grafoscopio-webpage-en.png){#fig:web-page-en}',
																															#children : OrderedCollection [ ],
																															#parent : @387,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														},
																														GrafoscopioNode {
																															#header : '%idea TBD',
																															#body : '**Important note** `>` *A prototype pointing to future possibilites* | 
Despite of being pretty usable, you will see that Grafoscopio is not totally finished,
and this shows in a few spots of the Graphical User Interface (GUI) that "point to the future", towards
funtionality still to be implemented.
It\'s an unusual approach, but I think that is important to convey some sense of possibility,
and work to be done in the GUI, instead of a fully polished "product" or a GUI that hides what is not ready.
This conviction comes from the [hackathons and workshops][dataweek] where we worked and evolved 
Grafoscopio, while the workshop was happening(!), thanks to the dynamic, moldable and continuous nature 
of the Pharo live coding environment.
Blurring the distinction between interactive documents authors and software developers, means to put
the whole environment at their dispossal, and to show the community that they can be part of this 
future possibilities, and that is why we take this unusual approach to GUI.

Where the GUI is more a remainder for the future, I will point that using the **TBD** remark (for To Be Done).',
																															#children : OrderedCollection [ ],
																															#parent : @387,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														}
																													],
																													#parent : GrafoscopioNode {
																														#header : 'Grafoscopio for what and for whom?',
																														#body : Text {
																															#string : '',
																															#runs : RunArray {
																																#runs : [ ],
																																#values : [ ]
																															}
																														},
																														#children : @386,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														''
																													]
																												},
																												GrafoscopioNode {
																													#header : 'Place in the ecosystem',
																													#body : '',
																													#children : OrderedCollection [
																														GrafoscopioNode {
																															#header : 'Similar tools',
																															#body : 'Grafoscopio is similar to other tools and has been inspired by many
of them, while is trying to bring also new possibilities, by combining
different ideas, diverging from others, puting "parallel" ideas into
dialog and, hopefully, bringing new ones. 
Here we talk about the similarities and differences with other tools.

  - Like [Jupyter][jupyter],  or [Zeppling][zeppling], [Beaker][beaker] 
    or [nteract][nteract], Grafoscopio provides interactive notebook functionality, 
    but it is focused only on Pharo code right now, instead of being a 
    "language neutral" notebook (but this could be a feature for the future).
    Grafoscopio is a multiplatform (Mac, Windows, Gnu/Linux) desktop 
    application (like nteract, or Electron Beaker),  instead of a web one 
    (like Jupyter, Zepelling or Beaker), providing a simple, extensible, 
    powerful, self-contained and portable environment for interactive computing, 
    (as said it can run from a USB thumb drive, modest computers
    and anything in between and beyond).
  - Grafoscopio organizes documents in a tree like metaphor, also called the *outline*, or the 
    notebook, that is interactive and programmable, like [Org Mode][org-mode], [Leo Editor][leo], 
    [TeXmacs][texmacs] or [Pollen][pollen] and share with them the idea that the 
    "document is the program"[^book-program] (or a programable container 
    of small  chunks of programs and scripts).
    Also, the document author, can define custom tags that can be used to traverse the 
    document tree and produce multiple customized views and outputs from a single document.
    A single notebook can contain short or book size interactive documents
    (this full manual is in a single Grafoscopio notebook). 
  - Like [Jupyter Lab][jupyterlab], Grafoscopio environment supports needs beyond the notebook. 
    Grafoscopio achieves this by leveraging the advantange of the extensible Pharo computing 
    environment and ecosystem, where it inhabits, with powerful tools for several computing taks, beyond
    and complementary to interactive documentation and reproducible research: GUI bulding, data processing 
    and visualization, unit testing, code repositories and source management, among others. 
  - Grafoscopio uses the [Roassal agile visualization engine][roassal], to build interactive 
    visualizations and export them to the web.
    Roassal provides similar functionality to other visualization engines and toolkits like [d3.js][d3js], 
    [RaphaelJS][raphaeljs], [Processing][processing] or [Flare][flare], but, by being part of the Pharo 
    live coding  environment, it invites to a more explorative and dynamic building of visualizations in 
    an agile way.
  -  At the moment, notebook sharing and collaboration and print (PDF) and web (HTML) publishing 
    are supported, but in the future we hope to provide advanced interactive notebook publishing 
    features in a distributed p2p fashion (see next section for the techologies that enable this).
',
																															#children : OrderedCollection [
																																GrafoscopioNode {
																																	#header : '%footnote book-program',
																																	#body : 'The idea of the "document is a program" is a paraphrasis of "the book is a program",
stated in the Pollen documentation, which is a short phrase to express a powerful idea
about burring the disctinction between the document and the program, that is present 
in several programs, like TeXmacs, Leo, Org Mode, and, of course, Grafoscopio.',
																																	#children : OrderedCollection [ ],
																																	#parent : @419,
																																	#level : 4,
																																	#links : OrderedCollection [
																																		''
																																	]
																																}
																															],
																															#parent : @417,
																															#level : 3,
																															#links : OrderedCollection [
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																''
																															]
																														},
																														GrafoscopioNode {
																															#header : 'Technologies behind',
																															#body : 'Grafoscopio tries to become a simple, understandable, moldable, 
versatile and flexible tool thanks to the power of [Pharo][pharo] 
environment and ecosystem and the combination with mature external 
and internal frameworks and tools. It uses: 

  -  Internal tools and frameworks:
    - [GT Tools][gt-tools] and [Spec][spec] for embeddable code playgrounds, GUI and interactive 
      notebook nodes.
    - [Roassal][roassal] for data visualization.
    - [STON][ston] for a light data storage and a human friendly notebooks format.
    - [NeoJSON][neojson] for interacting with structured hierarchical [JSON][json] data.
    - [Citezen][citezen]: for reading and exporting bibliographies to the [BibTeX][bibtex] format.
    - [Fuel][fuel]: For medium data storage and objects serialization.
    - [UDBC][udbc]: For connection and management of external data bases.
  - External tools and frameworks:
    - [Fossil SCM][fossil] for collaboration, publication and traceability of the documents history 
      (including this very manual).
    - [Pandoc][pandoc] for exporting to printing (PDF) and web (HTML) formats.
    - [SQLite][sqlite] for storage and management of tabular data, for the `Dataviz` companion package.

Despite of trying to provide a friendly, cohesive and empowering user experience (UX) by
integrating default external minimalist and/or self-contained tools into the data exploration 
and document publishing workflow, other external tools could be integrated ([Git][git], 
more data bases, including [NoSQL][nosql], other exporters and 
[light markup languages][light-markup-languages] and so on). 

',
																															#children : OrderedCollection [ ],
																															#parent : @417,
																															#level : 3,
																															#links : OrderedCollection [
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																'',
																																''
																															]
																														}
																													],
																													#parent : @410,
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@385,
																												@387,
																												@389,
																												@391,
																												@393,
																												@396,
																												@399,
																												@404,
																												@407,
																												@417,
																												@419,
																												@421,
																												@425
																											],
																											#links : @415
																										},
																										GrafoscopioNode {
																											#header : 'Installation instructions',
																											#body : 'If you want to install Grafoscopio on Pharo 5, there are two ways of doing:
via the Pharo catalog or via running a script from the playground.
Both suppose that you have already installed and running Pharo for your platform
(Windows, Gnu/Linux or Mac) from its [download page][pharo-download],
and will be explained below, from the easiest one to the far easy ones.
Also both of them use the Monticello package manager, so dependencies are
managed automatically for you, making the procedures really short, even for
the script based one.

Different install procedures suit different tastes and needs and bring alternatives,
so, if one doesn\'t work for you or your need/taste, you can try others, or just
leave it like that, if your chosen method worked.

',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : 'Install from the Pharo catalog',
																													#body : 'To install Grafoscopio, from Internet in Pharo 5, follow this steps:

1. Open the spotter (`Shift` + `Enter`) and start to write the first letters of "Grafoscopio" (without the quotes).
  The spoter will show that it is available in the projects Catalog as shown in the figure \\ref{fig:install-screen1}.

  ![ Install screen 1 | Finding Grafoscopio in the projects Catalog. ](../../../Imagenes/Install/spotter-grafos-first-launch.png){#fig:install-screen1}

2. Click with the mouse or move with the keyboard to select the "Grafoscopio" package showed.
    A install question as the following will be shown (see figure \\ref{fig:install-screen2} ). 
    Select "Yes" to start the installation process.

  ![ Install screen 2 | Install question. ](../../../Imagenes/Install/install-question.png){#fig:install-screen2 width="50%"}

3. While the installation is running, some progress bars with package names are going to be showed
  (see figure \\ref{fig:install-screen3}):

 ![ Install screen 3 | Installation progress bars. ](../../../Imagenes/Install/progress-bar.png){#fig:install-screen3}

4. When the installation ends we will see two indicators (as shown in figure \\ref{fig:install-screen4}):
  - Messages in the lower left corner telling that installation is complete and documentation is installed.
  - A tool bar in the upper side of the Pharo window, called the docking bar.

  ![ Install screen 4 | Installation ended. ](../../../Imagenes/Install/install-ended.png){#fig:install-screen4}

5. Once we have Grafoscopio installed, we save modifications to our computing environment, by making 
  click in any clean part of the GUI (not occupied by any window) to deploy the *World Menu*.
  There we choose `Save`, to save the system with the same name, or `Save as` to save it with a new one
  (see figure \\ref{fig:install-screen5}).

  ![ Install screen 5 | Saving changes via the World Menu. ](../../../Imagenes/Install/save-menu.png){#fig:install-screen5 width="50%"}',
																													#children : OrderedCollection [ ],
																													#parent : GrafoscopioNode {
																														#header : 'Installation instructions',
																														#body : Text {
																															#string : 'If you want to install Grafoscopio on Pharo 5, there are two ways of doing:
via the Pharo catalog or via running a script from the playground.
Both suppose that you have already installed and running Pharo for your platform
(Windows, Gnu/Linux or Mac) from its [download page][pharo-download],
and will be explained below, from the easiest one to the far easy ones.

Different install procedures suit different tastes and needs and bring alternatives,
so, if one doesn\'t work for you or your need/taste, you can try others, or just
leave it like that, if your chosen method worked.

',
																															#runs : RunArray {
																																#runs : [
																																	593
																																],
																																#values : [
																																	[ ]
																																],
																																#lastIndex : 592,
																																#lastRun : 1,
																																#lastOffset : 591
																															}
																														},
																														#children : @431,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														''
																													]
																												},
																												GrafoscopioNode {
																													#header : 'Install from a script',
																													#body : 'There are two ways of running scripts in the Pharo environment:
one by importing them from Internet and the other by writing them
manually.

If you want to run a Pharo script from its web address, open the spotter
(`Shift + Enter`) and paste the address and then press `Enter` to open
the interactive *playground* and finally press the `Do it and go` green play 
button or its shorcut (`Ctrl + Shift + g`). 
(An empty *playground*  and its play button are showed in  figure
\\ref{fig:empty-playground})

![ Empty *playground* and its play button. ](../../../Imagenes/Install/empty-playground-1.png){#fig:empty-playground}',
																													#children : OrderedCollection [
																														GrafoscopioNode {
																															#header : '%idea in two steps',
																															#body : 'For example, if you want to run the first part of the install script, open the
spotter and paste this address <http://ws.stfx.eu/BMWZPUY38BSF>.
You will see a screenshot similar to figure \\ref{fig:install-script-part1},
showing the web address you have pasted and the first lines of the script
below, marked in grey. 

![ Loading the install configuration package. ](../../../Imagenes/Install/install-script-part1.png){#fig:install-script-part1} 

Press `Enter` or select with the mouse the area with the grey background. 
You will see the interactive playground with the script loaded.
We will see more details about the playground later.
For the moment press the play button or the shorcut (`Ctrl + Shift + g`).
You will see that the playground has been executed.
An executed playground contains a new column with details of the object
resulting from that execution, as shown in figure \\ref{fig:executed-playground}.

![ Executed playground. ](../../../Imagenes/Install/executed-playground.png){#fig:executed-playground} 

Now repeat the procedure, opening the spotter, pasting this url <http://ws.stfx.eu/CZ87ZZ2SXCEM> 
and executing the second part of the installation script (showed in figure \\ref{fig:install-script-part2}).

![ Loading Grafoscopio. ](../../../Imagenes/Install/install-script-part2.png){#fig:install-script-part2}

You will see the progress bars and the ending of the installation process,
as described in the steps 4 to 5 of the previous section.',
																															#children : OrderedCollection [ ],
																															#parent : @442,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														},
																														GrafoscopioNode {
																															#header : '%idea In one step',
																															#body : 'Is usual to run the previous two steps in a single playground, by executing parts of it.
Here we are going to show you how to do it, with the same installation example we
have done so far.
Open a playground (`Ctrl` + `o` + `w`) and write this (or paste the URL of 
[this playground](http://ws.stfx.eu/D6DDTUAMWIOK), in the spotter, as before):

%embed Grafoscopio single quick install script

Now select with the mouse the first 5 lines of the script and make click with the 
mouse secondary button. A contextual menu will be show near
to the selection, as shown in the figure \\ref{fig:playground-partial-execution}.
Choose from that menu the `Do it and go` option (or press the `Ctrl + g`  keyboard combination).
Only the selected part of the script will be executed.

![ Selecting the script part that will be executed and deploying the contextual menu. ](../../../Imagenes/Install/playground-partial-execution.png){#fig:playground-partial-execution}

![ Executing the second part of the script. ](../../../Imagenes/Install/playground-partial-execution2.png){#fig:playground-partial-execution2}
 
Now select the last two lines of the install script, as shown in 
figure \\ref{fig:playground-partial-execution2} and repeat the previous procedure.
You will see the progress bars and the ending of the installation process,
as described in the steps 4 to 5 of the previous section.',
																															#children : OrderedCollection [
																																GrafoscopioNode {
																																	#header : '%embed Grafoscopio single quick install script',
																																	#body : '"Start by loading the configuration of Grafoscopio"
  Gofer new
    url: \'http://smalltalkhub.com/mc/Pharo/MetaRepoForPharo50/main\';
    package: \'ConfigurationOfGrafoscopio\';
  load.

"After that load Grafoscopio"
ConfigurationOfGrafoscopio load.
',
																																	#tags : 'código',
																																	#children : OrderedCollection [ ],
																																	#parent : @447,
																																	#level : 4,
																																	#links : OrderedCollection [
																																		'',
																																		'',
																																		'',
																																		'',
																																		'',
																																		'',
																																		'',
																																		'http://ws.stfx.eu/D6DDTUAMWIOK'
																																	]
																																}
																															],
																															#parent : @442,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														},
																														GrafoscopioNode {
																															#header : '%invisible',
																															#body : '',
																															#children : OrderedCollection [
																																GrafoscopioNode {
																																	#header : 'Instaliing the Grafoscopio configuration',
																																	#body : '"Start by loading the configuration of Grafoscopio"
  Gofer new
    url: \'http://smalltalkhub.com/mc/Pharo/MetaRepoForPharo50/main\';
    package: \'ConfigurationOfGrafoscopio\';
  load.
',
																																	#tags : 'código',
																																	#children : OrderedCollection [ ],
																																	#parent : @453,
																																	#level : 4,
																																	#links : OrderedCollection [
																																		'',
																																		'http://ws.stfx.eu/BMWZPUY38BSF'
																																	]
																																},
																																GrafoscopioNode {
																																	#header : 'Load Grafoscopio',
																																	#body : '"After that load Grafoscopio"
ConfigurationOfGrafoscopio load.
',
																																	#tags : 'código',
																																	#children : OrderedCollection [ ],
																																	#parent : @453,
																																	#level : 4,
																																	#links : OrderedCollection [
																																		'',
																																		'http://ws.stfx.eu/CZ87ZZ2SXCEM'
																																	]
																																}
																															],
																															#parent : @442,
																															#level : 3,
																															#links : OrderedCollection [
																																''
																															]
																														}
																													],
																													#parent : @434,
																													#level : 2,
																													#links : OrderedCollection [
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@430,
																												@432,
																												@442,
																												@444,
																												@447,
																												@449,
																												@453,
																												@455,
																												@458
																											],
																											#links : @440
																										},
																										GrafoscopioNode {
																											#header : 'Usage instructions',
																											#body : '',
																											#children : OrderedCollection [ ],
																											#parent : @383,
																											#level : 2,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Examples',
																											#body : 'There is a dedicated complementary package, called `Dataviz`, with examples, 
that was build with educative purposes, for a recurrent local workshop called 
the Data Week, where we invite a diverse community in gender, professions,
educational and life backgrounds and is automatically installed when you
install Grafoscopio.
Also we have a Spanish introductory tutorial, that is directed towards beginers.

To see such examples please execute this code form the *playground*:
',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : 'Opening tutorial',
																													#body : '"This opens the Spanish tutorial"
GrafoscopioNotebook new openTutorial ',
																													#tags : 'código',
																													#children : OrderedCollection [ ],
																													#parent : GrafoscopioNode {
																														#header : 'Examples',
																														#body : Text {
																															#string : 'There is a dedicated complementary package, called `Dataviz`, with examples, 
that was build with educative purposes, for a recurrent local workshop called 
the Data Week, where we invite a diverse community in gender, professions,
educational and life backgrounds and is automatically installed when you
install Grafoscopio.
Also we have a Spanish introductory tutorial, that is directed towards beginers.

To see such examples please execute this code form the *playground*:
',
																															#runs : RunArray {
																																#runs : [
																																	485
																																],
																																#values : [
																																	[ ]
																																],
																																#lastIndex : 416,
																																#lastRun : 1,
																																#lastOffset : 415
																															}
																														},
																														#children : @468,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												},
																												GrafoscopioNode {
																													#header : 'Opening Dataviz documentation',
																													#body : '"This opens the introductory notebook to the Dataviz package"
GrafoscopioDocumentation openDatavizIntro',
																													#tags : 'código',
																													#children : OrderedCollection [ ],
																													#parent : @471,
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@467,
																												@469,
																												@479
																											],
																											#links : @477
																										},
																										GrafoscopioNode {
																											#header : 'API documentation',
																											#body : 'Because Grafoscopio inhabits a full live coding environment,
it follows the custom of making the API documentation available
inside a dynamic environment, instead in some static web page.
To open the Grafoscopio package inside the system browser,
and see the messages organized by protocols execute:
',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : 'Opening the code browser for Grafoscopio',
																													#body : '"Browser the notebook API"
GrafoscopioNotebook browse.

"Browse the document tree API"
GrafoscopioNode browse.',
																													#tags : 'código',
																													#children : OrderedCollection [ ],
																													#parent : GrafoscopioNode {
																														#header : 'API documentation',
																														#body : Text {
																															#string : 'Because Grafoscopio inhabits a full live coding environment,
it follows the custom of making the API documentation available
inside a dynamic environment, instead in some static web page.
To open the Grafoscopio package inside the system browser,
and see the messages organized by protocols execute:
',
																															#runs : RunArray {
																																#runs : [
																																	305
																																],
																																#values : [
																																	[ ]
																																],
																																#lastIndex : 252,
																																#lastRun : 1,
																																#lastOffset : 251
																															}
																														},
																														#children : @484,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@483,
																												@485
																											],
																											#links : @493
																										},
																										GrafoscopioNode {
																											#header : 'Tests',
																											#body : 'The core functionality of Grafoscopio document tree model is tested.
If you want to see and run the tests, just open the tests package by
executing:

%embed Opening the tests package

From there, you can use the extensive test environment provided by Pharo.
For a short introduction to how to run test on this environment,
I recommend to watch the [Coding a Little Domain Specific Language video ][mooc-w3-14],
from the [Pharo MOOC][mooc].',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : '%embed Opening the tests package',
																													#body : 'GrafoscopioNodeTest browse',
																													#tags : 'código',
																													#children : OrderedCollection [ ],
																													#parent : GrafoscopioNode {
																														#header : 'Tests',
																														#body : Text {
																															#string : 'The core functionality of Grafoscopio document tree model is tested.
If you want to see and run the tests, just open the tests package by
executing:

%embed Opening the tests package

From there, you can use the extensive test environment provided by Pharo.
For a short introduction to how to run test on this environment,
I recommend to watch the [Coding a Little Domain Specific Language video ][mooc-w3-14],
from the [Pharo MOOC][mooc].',
																															#runs : RunArray {
																																#runs : [
																																	448
																																],
																																#values : [
																																	[ ]
																																],
																																#lastIndex : 421,
																																#lastRun : 1,
																																#lastOffset : 420
																															}
																														},
																														#children : @497,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@496,
																												@498
																											],
																											#links : @506
																										},
																										GrafoscopioNode {
																											#header : 'Community Guidelines',
																											#body : '',
																											#children : OrderedCollection [
																												GrafoscopioNode {
																													#header : 'Seek support',
																													#body : 'Grafoscopio has a small and new born community.
You can reach it by following the contact links
in the Grafoscopio page in 
[Spanish](http://mutabit.com/grafoscopio/)
or in [English](http://mutabit.com/grafoscopio/index.en.html).

Also you can discuss issues related with Grafoscopio in the
[Pharo users community](http://pharo.org/community) 
mailing list.
We are in such list and try to be active participants there
and bridge the local Spanish community with the international
one.',
																													#children : OrderedCollection [ ],
																													#parent : GrafoscopioNode {
																														#header : 'Community Guidelines',
																														#body : Text {
																															#string : '',
																															#runs : RunArray {
																																#runs : [ ],
																																#values : [ ]
																															}
																														},
																														#children : @510,
																														#level : 1,
																														#links : OrderedCollection [
																															'',
																															'',
																															'',
																															'',
																															'',
																															'',
																															''
																														]
																													},
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												},
																												GrafoscopioNode {
																													#header : 'Report issues or problems',
																													#body : 'To report issues or problems with the software and/or its documentation 
please visit our [ticket section][grafoscopio-tickets] Fossil repository.
Before creating a new ticket, please be sure to visit the 
[current tickets][grafoscopio-tickets-current], to see if your issue/problem has been
not reported already.',
																													#children : OrderedCollection [ ],
																													#parent : @513,
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														''
																													]
																												},
																												GrafoscopioNode {
																													#header : 'Contribute to the project',
																													#body : 'As we said, Grafoscopio wants to help in blurring the distinction
between software developer and interactive document author,
so we are pretty open to several ways of contribution: from
bug reports, as explained above, to the creation of interactive
documentation, domain specific languages (DSLs) and visualizations,
or software functionality.

Contributions usually take part on our recurrent [Data Week][dataweek] 
hackathon/workshop and there you will learn how to use and adapt 
the software, starting by the basics, creating DSLs and crafting
visualizations and integrating them into interactive notebooks.
You will also learn how to use Fossil and how to commit to our 
shared repositories for [code][grafoscopio-sthub] and for 
[documents and issues][grafoscopio-fossil].
Besides this manual, we are creating also a tutorial (in Spanish) with all 
these themes covered, as memories for us and others to remember and learn from.
The idea, as was said before, is to have multilingual documentation with a *local
first* approach.

If you don\'t have the chance to assist to one of our face to face learning workshops
and hackathons or to use the resulting notebooks, but still want and already know
who to contribute, you can also ask for permisions in the respositories using any of 
the contact methods listed above.
We are a small, new born and friendly community with low traffic
mail communication and can discuss about contributions on an
individual  case by case approach, so your words, bugfix and suggestions 
will be listened and taking into account and integrated when and where they 
make sense.

Welcome again to our community :-).',
																													#children : OrderedCollection [ ],
																													#parent : @513,
																													#level : 2,
																													#links : OrderedCollection [
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														'',
																														''
																													]
																												}
																											],
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@509,
																												@511,
																												@520,
																												@523
																											],
																											#links : @518
																										},
																										GrafoscopioNode {
																											#header : '%idea external links',
																											#body : '[agileviz-quickstart]: https://dl.dropboxusercontent.com/u/31543901/AgileVisualization/QuickStart/0101-QuickStart.html
[beaker]: http://beakernotebook.com/
[bibtex]: https://en.wikipedia.org/wiki/BibTeX
[chocolatey]: https://chocolatey.org/
[citezen]: http://people.untyped.org/damien.pollet/software/citezen/
[d3js]: https://d3js.org/
[dataweek]: http://mutabit.com/dataweek/
[etherpad]: https://en.wikipedia.org/wiki/Etherpad
[flare]: http://flare.prefuse.org/
[floor-function]: https://en.wikipedia.org/wiki/Floor_and_ceiling_functions
[fuel]: http://rmod.inria.fr/web/software/Fuel
[fossil]: http://fossil-scm.org/
[joss]: http://joss.theoj.org/
[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html
[grafoscopio-fossil]: http://mutabit.com/repos.fossil/grafoscopio/
[grafoscopio-tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket
[grafoscopio-tickets-current]: http://mutabit.com/repos.fossil/grafoscopio/rptview?rn=1
[grafoscopio-sthub]: http://smalltalkhub.com/#!/~Offray/Grafoscopio
[git]: https://en.wikipedia.org/wiki/Git
[github]: https://en.wikipedia.org/wiki/GitHub
[gogs]: https://gogs.io/
[gt-tools]: http://gtoolkit.org/
[hackbo]: http://hackbo.co/
[json]: http://en.wikipedia.org/wiki/JavaScript_Object_Notation
[jupyter]: http://jupyter.org/
[jupyterlab]: http://jupyterlab.github.io/jupyterlab/
[latex]: https://en.wikipedia.org/wiki/LaTeX
[leo]: http://leoeditor.com
[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language
[manual-tip]: http://mutabit.com/repos.fossil/grafoscopio/dir?tip&name=Docs/En/Books/Manual
[markdown]: http://pandoc.org/MANUAL.html#pandocs-markdown
[mooc]: https://siemenbaader.github.io/PharoMooc-website/
[mooc-spotter1]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter1-BrowsingAClassWithSpotter-V2-HD_720p_4Mbs.m4v
[mooc-spotter2]: http://rmod-pharo-mooc.lille.inria.fr/MOOC/Videos/W3/C019-Videos-Spotter2-Categories-V2-HD_720p_4Mbs.m4v
[mooc-w3-14]: http://amara.org/en/videos/04UWGMwnrdXz/info/rmod-pharo-mooclilleinriafrc019-videos-redo-dsl-hd_720p_4mbsm4v/
[neojson]: https://ci.inria.fr/pharo-contribution/job/EnterprisePharoBook/lastSuccessfulBuild/artifact/book-result/NeoJSON/NeoJSON.html
[nix]: http://nixos.org/nix/
[nosql]: https://en.wikipedia.org/wiki/NoSQL
[nteract]: https://nteract.io/
[oop-pharo-2017]: https://ci.inria.fr/pharo-contribution/view/Books/job/LearningObjectOrientedProgramming/98/artifact/book.pdf
[org-mode]: http://orgmode.org/
[pastebin]: https://en.wikipedia.org/wiki/Pastebin
[pandoc]: http://pandoc.org/
[pharo]: http://pharo.org/
[pharo-download]: http://pharo.org/download
[pollen]: http://docs.racket-lang.org/pollen/
[processing]: https://processing.org/
[raphaeljs]: https://dmitrybaranovskiy.github.io/raphael/
[roassal]: http://agilevisualization.com/
[rolling-release]: https://en.wikipedia.org/wiki/Rolling_release
[spec]: http://files.pharo.org/books/spec-tutorial/
[spotter]: http://gtoolkit.org/#spotter
[sqlite]: http://sqlite.org/
[ston]: https://github.com/svenvc/ston/blob/master/ston-paper.md
[texmacs]: http://texmacs.org/
[udbc]: http://www.smalltalkhub.com/#!/~TorstenBergmann/UDBC 
[zeppling]: http://zeppelin-project.org/
[zotero]: https://www.zotero.org/
[zotero-manual]: https://www.zotero.org/groups/diseo_y_creacion_phd_msc_universidad_de_caldas/items/collectionKey/PHGTCZVT',
																											#children : @322,
																											#parent : @383,
																											#level : 2,
																											#nodesInPreorder : OrderedCollection [
																												@527
																											],
																											#links : @324
																										},
																										GrafoscopioNode {
																											#header : 'Licenses',
																											#body : 'Grafoscopio and its tutorial is licensed under MIT license and the readme and the user 
manual is licensed under a modified P2P license.
To see a full copy of such respective licenses, please visit the files under this repository:

  - ./Docs/En/Licenses/grafoscopio-mit.md
  - ./Docs/En/Licenses/documents-p2p-ismb.md

',
																											#children : OrderedCollection [ ],
																											#parent : @383,
																											#level : 2,
																											#links : OrderedCollection [
																												''
																											]
																										}
																									],
																									#parent : @381,
																									#level : 2,
																									#nodesInPreorder : OrderedCollection [
																										@383,
																										@385,
																										@387,
																										@389,
																										@391,
																										@393,
																										@396,
																										@399,
																										@404,
																										@407,
																										@417,
																										@419,
																										@421,
																										@425,
																										@430,
																										@432,
																										@442,
																										@444,
																										@447,
																										@449,
																										@453,
																										@455,
																										@458,
																										@464,
																										@467,
																										@469,
																										@479,
																										@483,
																										@485,
																										@496,
																										@498,
																										@509,
																										@511,
																										@520,
																										@523,
																										@527,
																										@529
																									],
																									#links : OrderedCollection [
																										'',
																										'./readme.markdown',
																										'readme.markdown'
																									]
																								},
																								GrafoscopioNode {
																									#header : '%idea JOSS paper',
																									#body : '  ---
  title: \'Grafoscopio: A moldable tool for literate computing and reproducible research\'
  tags:
    - literate computing
    - reproducible research
    - data visualization
    - agile visualization
    - data activism
    - pocket infrastructures
    - moldable tools
    - civil tech
  authors:
   - name: Offray Vladimir Luna Cárdenas
     orcid: 0000-0002-4640-6984
     affiliation: 1
     affiliation: 2
     affiliation: 3
  affiliations:
   - name: HackBo: a hackerspace in Bogotá
     index: 1
   - name: mutabiT
     index: 2
  - name: University of Caldas
     index: 3
  date: 29 March 2017
  bibliography: paper.bib
  ---

  # Summary

  Grafoscopio [@luna-grafoscopio-2014] is a moldable [@moldable-debugger-2014] tool 
  to make reproducible research and literate computing [@literate-computing-2015],
  developed on Pharo [@pbe-2016] live coding and computing integrated environment,
  which allow authors to intertwin prose, code, data and 
  agile visualizations into storytelling, and readers and coauthors can verify, collaborate 
  on and extend the document claims and artifacts.
  Grafoscopio is and integrates simple and self-cointained "pocket infractures", that can   
  be execute On/Off-line, from a USB thumb drive, a rasperry-Pi alike computer, a modest 
  server or any hardware in between and beyond and tries to blur binary constructs like
  author / lector, developer / user, document / data, binary aplication / source code, and
  has an associated permanent workshop+hackathon, called the Data Week, where
  diverse participants learn, extend and modify Grafoscopio, while dealing with civic 
  issues that can be understood and expressed better using the techniques provided by
  literate computing and reproducible research.
  
  %embed HTML screenshot
  %embed LaTeX screenshot

  # References
',
																									#children : OrderedCollection [
																										GrafoscopioNode {
																											#header : '%embed HTML screenshot',
																											#body : '<figure><a href="../../../../Imagenes/side-by-side.png">
    <img
\tsrc="../../../../Imagenes/side-by-side.png"
\tstyle="width:85%"
\talt="Grafoscopio environment and a final generated pdf, side by side."
    >
  </a>
  <figcaption><small><b>^Up |</b> 
       Grafoscopio environment and the final pdf, side by side.
       </small> 
    </figcaption>
  <figure>',
																											#children : @375,
																											#parent : @534,
																											#level : 3,
																											#nodesInPreorder : OrderedCollection [
																												@536
																											],
																											#links : @376
																										},
																										GrafoscopioNode {
																											#header : '%embed LaTeX screenshot',
																											#body : '\\includegraphics{../../../../Imagenes/side-by-side.png}',
																											#children : OrderedCollection [ ],
																											#parent : @534,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										}
																									],
																									#parent : @381,
																									#level : 2,
																									#nodesInPreorder : OrderedCollection [
																										@534,
																										@536,
																										@538
																									],
																									#links : OrderedCollection [
																										'',
																										'/Docs/En/Papers/JOSS/Grafoscopio/paper.md',
																										'Docs/En/Papers/JOSS/Grafoscopio/paper.md',
																										'Docs/En/Papers/JOSS/Dataviz/paper.md',
																										'Docs/En/Papers/JOSS/paper.md'
																									]
																								}
																							],
																							#parent : @367,
																							#level : 1,
																							#links : OrderedCollection [
																								''
																							]
																						},
																						@273,
																						GrafoscopioNode {
																							#header : 'Summer of Code',
																							#body : '',
																							#children : OrderedCollection [
																								GrafoscopioNode {
																									#header : 'Proposal for the 2017 Pharo Summer of Code by Offray Luna',
																									#body : '',
																									#children : OrderedCollection [
																										GrafoscopioNode {
																											#header : '%invisible metadata',
																											#body : '---
link-citations: true
---',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Introduction',
																											#body : '<!--
 Clearly defined problem. Current state of things. Issues you wish to solve and why. Conclude with solution.
-->

Grafoscopio is a tool for literate computing and reproducible research, for the Pharo environment, 
that allows authors to intertwine prose, code, agile visualizations, develop domain specific languages,
by providing an interactive notebook metaphor as an structured programable tree/outline.
Thanks to preliminary integration with external tools, like Pandoc and Fossil, exporting to several formats 
(including print/PDF and web/HTML), and historical version control and collaboration are provided.
Because of this, Grafoscopio is interesting to a wide audience including scholars, researchers, activist,
journalist, students, among others.

A functional version of Grafoscopio is available though the Pharo Catalog, but there are still rough edges
in User Experience (UX) and test coverage that need to be solved to make Grafoscopio
usable on a day to day basis, particularly focusing the writing experience support for markup needs,  making it smooth, and to be,
at least in pair with the code writing experience, provided by the Pharo interactive playground.
The possible users for Grafoscopio are intended to deal with code. Some of the will be novice coders,
coming from fields like journalism or activism, so the experience of working with external tools, including installation
and configuration must be friendly to beginners, to let them focus on their main domain problems, instead of the ones of
infrastructure and setup.
 
This Summer of code proposal is intended to work on the above problems to improve user experience, external tool
integration and test coverage.',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Project goals',
																											#body : '<!--
Format it like a list. Propose a clear list of deliverables, explaining exactly what you promise to do and what you do not plan to do. “Future developments” can be mentioned. It is better to promise less and deliver more than to promise a lot and then fall short.
-->

The project goals are:


  - Implement a markup editor for text writing, with links browsing (via an external browser), files preview and syntax highlighting, font size 
    change and the common features of a minimal markup editor.
  - Improve the integration with external tools, including assisted installation via external multiplatform package manager (Nix and
    Chocolatey for the Mac/Linux and Windows platforms, respectively).

Future developments

  - Implement node and notebooks transclusion (like Org Mode and Leo). 
  - Integrate a language spell checker for text nodes.',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Implementation',
																											#body : '<!--
Longer and more detailed. Provide technical details, show that you understand the technology and illustrate key technical elements of your proposed solution.
-->

  - For improving UX writing experience a customization of the Pharo playground will be implemented, extending on what is available now using the 
    Spec-GT bridge, to support Pandoc\'s markdown syntax with hightlighting (via SmaCC or PetitParser), web links browsing (using WebBrowser) and
   files preview (with customized inspectors) and font size changes. 
  - To implement external tools integration the OSUnix, OSMac and OSWindow will be used to install and use the external package managers (Nix, Chocolatey). 

',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Timeline',
																											#body : '<!--
Make it weekly. Set goals for each week. Be upfront about other commitments, including exams, classes, travel, internships, jobs, etc.
-->

The granularity of the more complex project is spread in several weeks, but the advances and blocking issues will be reported to the mentor(s) weekly and
it can be made more granular with the interaction with community during the Summer of Code and are subject to Tutors advice for modification.

| Weeks |                               Goals                                                     | 
|----------|:---------------------------------------------------------------------------------------------------------------------------------------|
|  1 - 2       | Annotate reading of the Spec Book generating a companion notebook of the Spec Book and modified  widgets for Grafoscopio and keyboard shortcuts for notebook editing.   | 
|   3 - 7     |  Implementing  a markup editor for markdown, for text nodes similar to the one we have now for code.  A customized playground with markdown support, web links browsing and texts and files preview.    |  
|       8-9        |     Output storage support for playground computations (similar to OrgMode or Jupyter, including literature review).    | 
| 10 | Nix integration to support external tools installation (Pandoc, LateX, Fossil, Sqlite) on GNU/Linux and Mac. |
| 11 |  Chocolatey integration to support external tools installation (Pandoc, LateX, Fossil, Sqlite) on Windows. |
| 12 | Review previous deliverable and goals and implement further development goals, if there is time. |

Table:  Summer of code timeline.',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Benefits to Community',
																											#body : '<!--
Make your case a benefit to the organization.
-->

Grafoscopio has been used in several workshops+hackathon of a recurrent local event, called the Data Week (we have now 8 editions)
that have shown how this tool can be used by a diverse variety of authors to introduce them to coding and the development of 
Domain Specific Languages and agile visualization on differentent themes, with special support for data activism. 
It is a way to expose the advanges of the Pharo ecosystem to this wider audience beyond the usual software developer and/or researcher,
so a more mature and friendly Grafoscopio, that can be used to write diverse interactive documents, from note taking, to tutorials, to complete thesis, 
can be a powerful way to spread the Pharo advantages and show them in the context of current trends of literate computing and reproducible
research.
This is also useful to develop computational narratives on Pharo and non Pharo related themes and frameworks.',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Related Work',
																											#body : '<!--
Research and write how the project fits into the target organization. Explain related works, similarities & differences.
-->

  - On customization of the playground to support alternative markups and custom inspector, the Moose team made some experiments [[1][custom-pillar]] 
    [[2][custom-inspector]] using Pillar, but with other syntax and using external pillar files, instead of self contain Grafoscopio notebooks created inside the image. 
  - On alternative interfaces that allow font increase and decrease Stephan Eggermont has made some test with his [alternative UI with coding cards][coding-cards]
    and [keyboard driven IDE][keyboard-ide].
  - On integration of Spec and GT Tools, Johan Fabry has worked on a [bridge][spec-gt], that is being used now in Grafoscopio.
  - The integration with the operative system  has been working with a Graphical Torsten Berman\'s [Quick Access][quick-access]. 
    The same integration with the operative system will be provided with a different graphical interface.

[custom-pillar]: http://www.humane-assessment.com/blog/writing-pillar-books-with-the-gtinspector
[custom-inspector]: http://www.humane-assessment.com/blog/creating-custom-browsers-out-of-inspector-extensions
[coding-cards]: https://vimeo.com/148637679 
[keyboard-ide]: https://vimeo.com/140423783
[spec-gt]: http://smalltalkhub.com/#!/~jfabry/Playground/packages/Spec-Glamour
[quick-access]: https://www.youtube.com/watch?v=j-dTp6i_P3s',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'About me',
																											#body : '<!--
Provide full contact information, email addresses, websites, IRC nick, postal address and telephone. Write a few sentences about yourself, previous experiences and why you think you’re the best for this job. 
-->

I\'m the Grafoscopio author and I\'m making my PhD research on Design and Creation asking about the reciprocal modification
of digital tools and communities. 
For that, moldable tools, agile visualization and meta systems provided by the Pharo ecosystem has been intrumental on prototyping
new tools that empower local communities.
I have been an active member of the Pharo community since mid 2014, both virtually, in the users mailing list and slack channels, and face to face 
in the Smalltalks Argentina 2015, ESUG 2016, and making my internship with the Roassal team in University of Chile / Object Profile and I\'m 
developing the local  Data Week hackathon+workshop,  where we approach the Pharo environment via data activism themes, creating interactive 
and visual computing narratives on related issues. 
I have been presenting Pharo and Grafoscopio in the local context: our local hackerspace (HackBo, Bogotá Colombia), Laboratorio de Ideas (Medellín, Colombia), 
the Ciudad de Datos research project with researchers from tree Colombian universities (Universidad Javeriana, Bogota; Universidad de Antioquia in Medellín, 
Universidad de Caldas in Manizales), AbreLatam Open Data regional meeting. 

  - email addresses: 
    - offray@riseup.net
    - offray@mutabit.com
  - Twitter: @offrayLC
  - Source code repositories:
    - Smalltalkhub: <http://smalltalkhub.com/#!/~Offray>
    - Fossil:
         - <http://mutabit.com/repos.fossil/grafoscopio/>
         - <http://mutabit.com/repos.fossil/dataweek/>

(For phone and postal address please send an email).

Please use the [tickets system][tickets] in this repository to provide feedback about the proposal. 

[tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket

',
																											#children : OrderedCollection [ ],
																											#parent : @546,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										}
																									],
																									#parent : @544,
																									#level : 2,
																									#nodesInPreorder : OrderedCollection [
																										@546,
																										@548,
																										@551,
																										@554,
																										@557,
																										@560,
																										@563,
																										@566,
																										@569
																									],
																									#links : OrderedCollection [
																										'',
																										'Events/GSOC/2017-offray-luna-proposal.md'
																									]
																								},
																								GrafoscopioNode {
																									#header : 'Proposal for the Summer of Code by Oscar Garcia',
																									#body : '',
																									#children : OrderedCollection [
																										GrafoscopioNode {
																											#header : 'Introduction',
																											#body : '<!--
 Clearly defined problem. Current state of things. Issues you wish to solve and why. Conclude with solution.
-->

Dataviz is a companion package for Grafoscopio that implements Domain Specific Visualizations and Languages
in several themes like: Panama Papers, Twitter data selfies, Open Spending and medicine information access, that
showcases the development of agile visualization and interates it into literate computating via some interactive notebooks.
But the package has poor test coverage and some packages, like the medicine information access, require heavy code
refactoring. Also core Grafoscopio functionality needs better test coverage. 
 
This Summer of code proposal is intended to improve test coverage and make code refactoring on the Dataviz packages and
on Grafoscopio core functionality.',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Project goals',
																											#body : '<!--
Format it like a list. Propose a clear list of deliverables, explaining exactly what you promise to do and what you do not plan to do. “Future developments” can be mentioned. It is better to promise less and deliver more than to promise a lot and then fall short.
-->

The project goals are:

  - Increase code quality by improving test coverage in the current and future source code for the dataviz package and in core Grafoscopio 
    functionality by making manual test and exploring/implementing automatic testing via QuickCheck Smalltalk implementations.
  - Refactor the code for the Dataviz packages, including or developing Roassal builders

Future developments

  - Improve graphical UI themes.
  - Improve Zotero and JabRef integration.
',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Implementation',
																											#body : '<!--
Longer and more detailed. Provide technical details, show that you understand the technology and illustrate key technical elements of your proposed solution.
-->

  - To improve test coverage  SUnit test framework will be used intensively.
  - To implement code refactoring, Pharo refactoring tools will be used and Roassal custom builders will be implemented.
',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Timeline',
																											#body : '<!--
Make it weekly. Set goals for each week. Be upfront about other commitments, including exams, classes, travel, internships, jobs, etc.
-->

The granularity of the more complex project is spread in several weeks, but the advances and blocking issues will be reported to the mentor(s) weekly and
it can be made more granular with the interaction with community during the Summer of Code and are subject to Tutors advice for modification. 

| Weeks |                               Goals                                                     | 
|----------|:---------------------------------------------------------------------------------------------------------------------------------------|
| 1 | Reading and making all excercises in the Agile Visualization book. |
| 2 | Implementing test coverage on Panama Papers. |
| 3 | Implementing test coverage on Twitter data selfies. |
| 4 | Implementing test coverage on Open Spending class. |
| 5 | Increasing  test coverage on Grafoscopio core functionality. |
| 6 | Code refactoring on Infomed class. |
| 7 | Annotated reading with and interactive notebook writing on automatic testing on QuickCheck in Smalltalk/Pharo. |
| 8, 9 | Design and Implement automatic testing on the previous packages using QuickCheck. |
| 10, 11 | Extend and develop interactive notebooks for the lacking dataviz classes. |
| 12 | Review previous deliverable and goals and implement further development goals, if there is time. |

Table:  Summer of code timeline.',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Benefits to Community',
																											#body : '<!--
Make your case a benefit to the organization.
-->

Mature and tested domain specific visualizations and languages, area a showcase of the Pharo ecosystem capabilities,
particularly agile visualization, for wider audience, that can help to bring more interest into the technology
and communities behind, so that more people are eager to use the environment and become part the communities,
increasing their diversity and exposure.',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'Related Work',
																											#body : 'The previous work on the Dataviz package has been made by Offray Luna and documents in several blog post, that are referred here:

  - [Dataviz Package source code][dataviz].
  - [Domain Specific Visualizations: a glimpse of medicine public data released by governments][infomed].
  - [Panama Papers: a case for reproducible research, data activism and frictionless data][panama-papers].
  - [Twitter data selfies: from paper mockup to digital prototype][data-selfies].

The main authoritative source for [Agile visualizations][agile-visualization]  is by Alexandre Bergel, an anotated reading of this book will be done
in the community binding process.

[dataviz]: http://smalltalkhub.com/#!/~Offray/Dataviz
[infomed]: http://mutabit.com/offray/blog/en/entry/sdv-infomed
[panama-papers]: http://mutabit.com/offray/blog/en/entry/panama-papers-1
[data-selfies]: http://mutabit.com/offray/blog/en/entry/ds-twitter-mockup
[agile-visualization]: http://agilevisualization.com/',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										},
																										GrafoscopioNode {
																											#header : 'About me',
																											#body : '<!--
Provide full contact information, email addresses, websites, IRC nick, postal address and telephone. Write a few sentences about yourself, previous experiences and why you think you’re the best for this job. 
-->

I am a student of Computer and systems engineering in Universidad Nacional de Colombia.
I have deep knowledge on Object Oriented Programming.
I am in last semester and just knew about the GSoC, I love the idea and would love to participate in such a project. 
Offray  Luna introduced me to Pharo and Grafoscopio and love the way it works.
I am a fast learner and have pretty good logic, in English I am like a B2+ or C1.
The GSoC is a great oportunity and I am really  enthusiastic to work in this project.

Name: Oscar David Garcia Medina
email: odgarciam@unal.edu.co

(For phone and postal address please send an email).

Please use the [tickets system][tickets] in this repository to provide feedback about the proposal. 

[tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket',
																											#children : OrderedCollection [ ],
																											#parent : @574,
																											#level : 3,
																											#links : OrderedCollection [
																												''
																											]
																										}
																									],
																									#parent : @544,
																									#level : 2,
																									#nodesInPreorder : OrderedCollection [
																										@574,
																										@576,
																										@579,
																										@582,
																										@585,
																										@588,
																										@591,
																										@594
																									],
																									#links : OrderedCollection [
																										'',
																										'Events/GSOC/2017-oscar-garcia-proposal.md'
																									]
																								}
																							],
																							#parent : @367,
																							#level : 1,
																							#links : OrderedCollection [
																								''
																							]
																						}
																					],
																					#level : 0,
																					#nodesInPreorder : OrderedCollection [
																						@367,
																						@369,
																						@372,
																						@374,
																						@377,
																						@381,
																						@383,
																						@385,
																						@387,
																						@389,
																						@391,
																						@393,
																						@396,
																						@399,
																						@404,
																						@407,
																						@417,
																						@419,
																						@421,
																						@425,
																						@430,
																						@432,
																						@442,
																						@444,
																						@447,
																						@449,
																						@453,
																						@455,
																						@458,
																						@464,
																						@467,
																						@469,
																						@479,
																						@483,
																						@485,
																						@496,
																						@498,
																						@509,
																						@511,
																						@520,
																						@523,
																						@527,
																						@529,
																						@534,
																						@536,
																						@538,
																						@273,
																						@279,
																						@329,
																						@331,
																						@335,
																						@341,
																						@360,
																						@344,
																						@347,
																						@349,
																						@272,
																						@270,
																						@352,
																						@544,
																						@546,
																						@548,
																						@551,
																						@554,
																						@557,
																						@560,
																						@563,
																						@566,
																						@569,
																						@574,
																						@576,
																						@579,
																						@582,
																						@585,
																						@588,
																						@591,
																						@594
																					],
																					#links : OrderedCollection [ ]
																				},
																				#level : 1,
																				#links : OrderedCollection [
																					''
																				]
																			},
																			#level : 2,
																			#nodesInPreorder : OrderedCollection [
																				@272,
																				@270,
																				@352
																			],
																			#links : OrderedCollection [
																				'',
																				'Packages/Dataviz/JOSS/paper.md',
																				'JOSS/paper.md'
																			]
																		},
																		#level : 3,
																		#links : OrderedCollection [
																			''
																		]
																	},
																	@352,
																	@263
																],
																#parent : @284,
																#level : 1,
																#nodesInPreorder : OrderedCollection [
																	@268,
																	@270,
																	@352,
																	@263,
																	@258,
																	@260,
																	@265
																],
																#links : @604
															},
															#level : 2,
															#links : OrderedCollection [
																''
															]
														},
														#level : 3,
														#links : OrderedCollection [
															'',
															''
														]
													},
													#level : 3,
													#links : OrderedCollection [
														''
													]
												},
												#level : 4,
												#links : OrderedCollection [
													'',
													'https://twitter.com/offrayLC/status/524258229875142657'
												]
											},
											GrafoscopioNode {
												#header : 'Thread asking for bibtex support',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Old script',
														#body : '| bibFile bibliography bibStream bibOutputer |
bibFile := ((FileLocator documents / \'U/Libertadores/Grafoscopio/Docs/Es/Articulos/Libertadores/\') children
    detect: [:each | each basename endsWith: \'bib\' ]).
bibliography := CZBibParser parse: bibFile contents.
bibStream := \'\' writeStream.
(bibliography entries) do: [:bibItem |
\tbibItem fields do: [:some | some key = \'shorttitle\'
\t\tifTrue: [ bibItem key: some value ]].
\tbibOutputer := CZBibTeXDocBuilder  new.
\tbibStream nextPutAll: 
\t\t\t(bibOutputer entryToBibtexString: bibItem); cr].
bibliography.
bibFile writeStreamDo: [:stream |
       stream nextPutAll: bibStream contents withUnixLineEndings ].
bibStream contents.
',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @611,
														#level : 5,
														#links : OrderedCollection [
															'',
															'http://ws.stfx.eu/3CEKQQQ3NL2E'
														]
													}
												],
												#parent : @252,
												#level : 4,
												#links : OrderedCollection [
													'',
													'http://forum.world.st/Citizen-example-for-manipulating-a-bibtex-file-tt4784240.html#a4822230'
												]
											}
										],
										#parent : @243,
										#level : 5,
										#nodesInPreorder : OrderedCollection [
											@245,
											@247,
											@249,
											@611,
											@613
										],
										#links : @609
									}
								],
								#parent : @133,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'http://people.untyped.org/damien.pollet/software/citezen/'
								]
							},
							GrafoscopioNode {
								#header : 'Problems with Pandoc and bibliography',
								#body : 'This note is here, to provide context, but it should be moved to the developers notebook.

While running the PDF conversion command:

~~~
pandoc -N --template=mytemplate.tex --variable fontsize=12pt --variable version=1.3.4 --latex-engine=xelatex --toc --bibliography bibliography.bib manual.markdown -o manual.pdf
~~~

I got this error:

~~~
pandoc-citeproc: "stdin" (line 8, column 2):
unexpected "m"
expecting "c", "C", "p", "P", "s" or "S"
CallStack (from HasCallStack):
  error, called at src/Text/CSL/Input/Bibtex.hs:113:32 in pandoc-citeproc-0.10.4-Ks7e5k595uURtHUpwsSlk:Text.CSL.Input.Bibtex
pandoc: Error running filter pandoc-citeproc
Filter returned error status 1
~~~

The problem is the way Zotero or Citezen are creating BibTeX entries that contain has a value in the field "Adicional" in the Zotero
library (mi Zotero UI is in Spanish), represented in the exported entry as note: {}.
They should be removed. 
May be we should control the fields exported by Citezen, editing or deleting all conflicting fields/characters for pandoc-citeproc. ',
								#children : OrderedCollection [ ],
								#parent : @133,
								#level : 4,
								#nodesInPreorder : OrderedCollection [
									@619
								],
								#links : OrderedCollection [
									'',
									'https://github.com/jgm/pandoc/issues/1034'
								]
							}
						],
						#parent : @112,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							'',
							'',

playground openOn: GTPlayPage new.
playground 
\tonChangeOfPort: #text 
\tact: [ :x | self inform: x entity value content ]
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @624,
								#level : 4,
								#links : OrderedCollection [
									'',
									'http://ws.stfx.eu/ETEC2JH7363M'
								]
							}
						],
						#parent : @112,
						#level : 3,
						#links : OrderedCollection [
							'',
							'http://forum.world.st/Problems-with-auto-updating-the-text-of-a-playground-tt4933088.html'
						]
					},
					GrafoscopioNode {

								#children : OrderedCollection [
									GrafoscopioNode {
										#header : 'all calls',
										#body : 'calls := UITheme allCallsOn select: [ :each | each package name = #Grafoscopio ].
SystemNavigation default browseMessageList: calls name: \'Users of class  UITheme\' autoSelect: \'UITheme builder\'.',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @632,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',
											'',
											'',
											'',
											''
										]
									}
								],
								#parent : @630,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									'',
									'',

so we can work with a single location or with a relative path, wich is important for
shared projects and in a \'developer mode\', so docs are stored in places shared by all
images.
This could be complemented with the strategy of making notebooks trees available from the playgrounds
embedded in such notebooks.',
										#tags : '',
										#children : OrderedCollection [ ],
										#parent : @638,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',
											''
										]
									},
									GrafoscopioNode {
										#header : 'GUI for selecting a folder',
										#body : 'UIManager default chooseDirectory: \'Path to the documents Folder\'',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @638,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											''
										]
									}
								],
								#parent : @630,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									''
								]
							}
						],
						#parent : @112,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html'
						]





























					}
				],
				#parent : @2,
				#level : 2
			}
		],
		#parent : GrafoscopioNode {
			#header : 'Arbol principal',
			#key : '',
			#body : '',
			#children : @1,
			#level : 0,
			#nodesInPreorder : OrderedCollection [
				@648,
				@2,
				@4,
				@6,
				@8,
				@11,
				@13,
				@15,
				@17,
				@19,
				@23,
				@25,
				@27,
				@29,
				@31,
				@33,
				@35,
				@37,
				@39,
				@41,
				@44,
				@46,
				@48,
				@51,
				@53,
				@55,
				@57,
				@59,
				@61,
				@63,
				@67,
				@69,
				@71,

				@75,
				@77,
				@79,
				@84,
				@89,

				@91,

				@95,
				@97,
				@99,
				@103,
				@105,
				@109,
				@112,
				@114,
				@116,
				@118,
				@120,
				@122,
				@124,
				@126,
				@128,
				@130,
				@133,
				@135,
				@137,
				@150,
				@152,
				@155,
				@158,
				@161,
				@163,


				@166,

				@170,
				@174,
				@177,
				@179,
				@181,
				@183,
				@185,
				@187,
				@189,
				@191,
				@193,
				@195,
				@197,
				@199,
				@201,
				@203,
				@205,
				@207,

				@210,
				@213,
				@216,
				@218,

				@221,
				@223,
				@225,
				@229,
				@231,
				@240,


				@243,
				@245,
				@247,
				@249,
				@611,
				@613,
				@619,
				@624,
				@626,
				@630,
				@632,
				@634,
				@638,
				@640,
				@643,

				GrafoscopioNode {
					#header : 'Twitter Data selfies',
					#key : '',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Metrics for retweeted avatars',

es := s elementsOn: (p interactionProfiles).
es @ RTPopup.
v addAll: es.
RTFlowLayout on: es.
v',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @650,
							#level : 3
						},
						GrafoscopioNode {
							#header : 'Avatars around and arc',
							#key : '',
							#body : '"This is to get some of the Twitter Data Selfies image at..."
| storage p c avatars avts1 avts2 els arc |

"Composition"
arc := TRArcShape new alphaAngle: 20 betaAngle: 220 innerRadius: 7450 externalRadius: 7750; color: Color lightGray.
arc I 
\tsurroundedBy: avts2 radialGap: 1900 angularGap: 5 renderedIn: c;
\tsurroundedBy: avts1 radialGap: 6200 angularGap: 140 renderedIn: c.',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @650,
							#level : 3
						},
						GrafoscopioNode {
							#header : 'Serializing tweets dataviz with fuel to hard disk',
							#key : '',
							#body : '| tweetsJSON p storage |
tweetsJSON := (FileLocator documents / \'Bio/Twitter-offrayLC/2/data/js/tweets/2016_06.js\') asFileReference. 
p := TwitterProfileOverview new.
p splitMessagesByTypeFrom: tweetsJSON.
storage := (FileLocator temp / \'iprofiles.fuel\') asFileReference.
p putTweetsOnInteractionProfiles.
[p putAvatarsOnInteractionProfiles.
p serializeIProfilesTo: storage ] fork',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @650,
							#level : 3
						}
					],
					#parent : @648,
					#level : 1
				},
				@652,
				@654,
				@656,
				GrafoscopioNode {
					#header : 'Random',
					#key : '',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Theming / Visual Candy',

\t{\'pharo\' -> \'http://orig09.deviantart.net/6eb6/f/2016/161/1/f/omnos_the_black_sky_noir_style_hdr_wallpaper_by_charlie_henson-da5oxs0.png\'.
\t\'portal\' -> \'http://orig13.deviantart.net/e8d3/f/2013/092/a/3/glados_s_activation_by_first9-d605rwi.jpg\'.
\t\'ship\' -> \'http://orig01.deviantart.net/9647/f/2014/074/e/4/union_class_super_dreadnought_by_emperormyric-d6qw3im.png\'.
\t\'dock\' -> \'http://www.fullhdwpp.com/wp-content/uploads/Impressive-Clouds-over-the-Dock_www.FullHDWpp.com_www.FullHDWpp.com_.jpg\'.
\t\'fluid\' -> \'http://www.fullhdwpp.com/wp-content/uploads/Colorful-Water-Ink-Painting_www.FullHDWpp.com_.jpg\'.
\t\'nightBeach\' -> \'http://orig00.deviantart.net/4f98/f/2016/208/3/8/watching_the_change_noir_style_wallpaper_by_charlie_henson-dabjbyi.png\'.
\t\'worldMap\' -> \'http://wallpapersonthe.net/wallpapers/b/3840x2400/3840x2400-map_time_infographics_world_time_zones-21181.jpg\'.
\t\'tron\' -> \'http://cdn.wallpapersafari.com/14/60/agZyEq.jpg\'.
\t\'humanz\' -> \'https://i.redd.it/vgs9czfu9bny.png\'.
\t\'zeldafox\' -> \'http://i.imgur.com/hLdBqFf.jpg\'.
\t\'jazzpunk\' -> \'https://i.redd.it/lkhrmdq37yky.png\'.
\t\'orangeSunset\' -> \'https://i.redd.it/613z5fb0qeiy.png\'.
\t\'deadMushroom\' -> \'https://i.imgur.com/Yx001NT.jpg\'.
\t\'witcher\' -> \'https://i.imgur.com/VYN5w7r.jpg\'.
\t\'minimalMountains\' -> \'https://i.imgur.com/RjKIZEs.png\'.
\t\'redBoat\' -> \'https://i.imgur.com/hyJer5T.jpg\'.
\t\'bomber\' -> \'https://i.imgur.com/aiZ8zIJ.jpg\'.
\t\'knight\' -> \'https://i.imgur.com/9cDsSXo.jpg\'.
\t\'ravenArmor\' -> \'https://i.imgur.com/IT9BSPQ.jpg\'.
\t\'ganime\' -> \'https://i.imgur.com/ptQE3gQ.jpg\'.
\t\'wolfMan\' -> \'https://i.imgur.com/B3ecSOW.jpg\'
\t} asDictionary.

World
    backgroundImage: (ImageReadWriter formFromStream: 
\t\t\t(ZnEasy get: (backgrounds at: \'ganim\') ) contents readStream)
    layout: #scaled.
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @660,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'http://ws.stfx.eu/D1LXDVVFAY49'
									]
								},
								GrafoscopioNode {
									#header : 'Switching the theme ',
									#body : '',
									#children : OrderedCollection [
										GrafoscopioNode {
											#header : 'Dark',
											#key : '',
											#body : 'Pharo3DarkTheme beCurrent ',
											#tags : 'código',
											#children : OrderedCollection [ ],
											#parent : @665,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												''
											]

    baseline: \'SublimishTheme\';
    onWarningLog;
    load.
"Make it default"
SublimishTheme beC',
											#tags : 'código',
											#children : OrderedCollection [ ],
											#parent : @665,
											#level : 4,
											#links : OrderedCollection [
												'',
												'https://github.com/sebastianconcept/SublimishTheme'
											]
										}
									],
									#parent : @660,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Reloading/updating the Grafoscopio docking bar',
									#key : '',
									#body : 'GrafoscopioGUI updateUI ',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @660,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								}
							],
							#parent : @658,
							#level : 2
						},
						GrafoscopioNode {
							#header : 'Autocompletion of text fields',
							#key : '',
							#body : 'TextInputFieldModel new
\tenableGlobalsCompletion;
\topenWithSpec',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @658,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'Self hosted Git',
							#body : 'From Torsten (@astares):

Finished for today:My next PULL Request to Iceberg:  https://github.com/npasserini/iceberg/pull/287 to solve issue https://github.com/npasserini/iceberg/issues/284 and allow the usage of custom hosted Gogs or GitLab or other when installed locally. Gives us more freedom than just using GitHub.BTW: There is a 5 minutes way to run a local GOGS github server (without MySQL just by using sqlite):1. Download the binary ZIP for your platform from https://gogs.io/docs/installation/install_from_binary
2. Extract into a directory
3. Run
          ./gogs web
4. Visit http://localhost:3000, set the database to SQLite3
       a) you can also change where the *.db files resides on disk
       b) you can also setup where your bare repositories are located
5. Give an admin name and password and save the initial settings=> You have "gogs" as an own git server with a web based UI running locally',
							#children : OrderedCollection [ ],
							#parent : @658,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						}
					],
					#parent : @648,
					#level : 1
				},
				@660,
				@662,
				@665,
				@667,
				@670,
				@674,
				@677,
				@680
			]
		},
		#level : 1
	},
	@650,
	@658
]