background preloader

Related:  Saved TechDigital Humanities - Humanités Numériques

Diagrams for JavaScript and HTML, by Northwoods Software GoJS is a JavaScript and TypeScript library for building interactive diagrams and graphs. GoJS allows you to build all kinds of diagrams and graphs for your users, from simple flowcharts and org charts to highly-specific industrial diagrams, SCADA and BPMN diagrams, medical diagrams like genograms, and more. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. We maintain hundreds of sample diagrams, detailing different examples of interactivity, templates, and user logic for you to start from. Flowcharts Build interactive flowcharts or flow diagrams. State Charts Sankey Diagrams

Basics of Mapping for the Digital Humanities – IDRE Sandbox To start, navigate to this page via the URL below: “What is a map? In the Humanities, mapping can be defined in so many different ways, there is no easy answer to these questions. “Everything is related to everything else, but near things are more related than distant things.” Waldo Tobler’s statement defines his first law of geography, in ways stating the obvious correlation between objects in space, paving the foundation behind spatial dependencies. As mentioned at the top of the syllabus for this course, space and time are dimensions that are forever intertwined due to their ontological nature. Minard The representation of 3 dimensional space onto a flat, 2 dimensional platform–a map–brings with it many challenges and compromises (e.g. projection systems). Hans Hypercities I turn off Google Maps and start to drive. Google Earth The LA Times uses the SIMILE timeline to effectively show crime over time. CartoDB

Obelisk.js : concevoir des objets isom triques pixelis s compatibles avec les canvas HTML5 Obelisk.js : concevoir des objets isométriques pixelisésCompatibles avec les canvas HTML5 Obelisk.js est un moteur JavaScript permettant de créer des objets isométriques pixelisés. Avec une API simple et flexible, vous pouvez facilement ajouter des éléments isométriques comme des briques, des cubes, des pyramides, etc. sur des canvas HTML5. Obelisk.js respecte consciencieusement un modèle de pixelisation. Pour la partie technique : il y a un agencement des lignes d'un pixel de 1:2 conduisant à un angle de 22,6 degrés. En pratique, ça donne ceci. Vous trouverez sur le site des démonstrations ainsi que des tutoriels expliquant les différentes possibilités que l'outil offre. Démonstrations : Le site officiel. D'après un article sur DailyJS. Et vous ? Pour quel type d'application cet outil pourrait-il vous intéresser ? Utilisez-vous une bibliothèque du genre ?

10+ JavaScript libraries to draw your own diagrams (2019 edition) It’s limitless what you can render in a browser today using JavaScript. In a previous post we have presented a list of online modeling tools to create UML (or ER, BPMN, …) diagrams directly in the browser. Most of these tools use JavaScript to render the graphical shapes and interact with them. In this post, we present a list of 10 JavaScript libraries that you could use to build your own diagramming tool and / or add some graphical modeling functionalities to your software. We split the set of JavaScript drawing libraries in two main categories: libraries with explicit support for software models (e.g. JavaScript libraries for drawing UML (or BPMN or ERD …) diagrams JointJS JointJS can be used to create either static diagrams or fully interactive diagramming tools and application builders. Here are some of its features: (and see this JointJS post for a more detailed overview of the tool) Rappid Rappid is the commercial extension of JointJS. MxGraph GoJS jsUML2 library Nomnoml Mermaid.js State.js

DH Press | Digital Humanities Toolkit Prototype JavaScript Framework | Prototype Tips and Tutorials API Reference The documentation for the latest stable version of Prototype will always be located at Tutorials This area contains narrative documentation you can use to discover Prototype. Defining classes and inheritance Learn how to define classes and subclasses in Prototype and how to make supercalls.

Service Worker API - Web APIs Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to push notifications and background sync APIs. Service worker concepts and usage A service worker is an event-driven worker registered against an origin and a path. It takes the form of a JavaScript file that can control the web-page/site that it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you complete control over how your app behaves in certain situations (the most obvious one being when the network is not available). Service workers only run over HTTPS, for security reasons. Registration Interfaces Cache

TimeMapper Can I make a timemap anonymously? Yes! You do not need an account to create a timemap - they can be created anonymously and will have all the same features and shareability of normal timemaps. However, there are some benefits of creating an account and creating your timemap whilst logged in: You'll get a nice URL for your timemap at /your-username/a-name-you-choose-for-your-timemap All of your timemaps will be nicely listed at /your-username As you'll be identified as the owner you'll be able to re-configure (or delete) your timemap later If you do want an account, signup is very easy – it takes just 15 seconds, is very secure, and uses your Twitter account (no need to think up a new username and password!). "Publish" 1. Go to File Menu in your spreadsheet, then 'Publish to the Web', then click 'Start Publishing'. What URL do I use to connect my spreadsheet? Use the URL you get by clicking your spreadsheet's Share button and copying the Link to share box. Not all fields are required.

10 Free JavaScript Tools To Create Interactive Maps Here we are presenting a complete list of 10 JavaScript libraries to create interactive and customized maps. Though, there are Google Map maker and other tools to build maps but in this compilation, we are specifically presenting only JavaScript libraries that you can use to show special map markers. We hope that this collection proves to be the best and will help you get going in the initial phases of your map designing project. It is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. Geocomplete An advanced jQuery plugin that wraps the Google Maps API’s Geocoding and Places Autocomplete services. Kartograph Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. GMaps gmaps.js allows you to use the potential of Google Maps in a simple way. jHere With jHERE, you can easily add interactive maps to your website. Mapael D3js GeoChart

react-static/react-static: ⚛️ □ A progressive static site generator for React. Tools – Carolina Digital Humanities Initiative DH ToolkitsScalarA free, open source authoring and publishing platform that’s designed to make it easy for authors to write long-form, born-digital scholarship online. Scalar enables users to assemble media from multiple sources and juxtapose them with their own writing in a variety of ways, with minimal technical expertise required.OmekaA project of the Roy Rosenzweig Center for History and New Media at George Mason University, Omeka is a free, flexible, and open source web-publishing platform for the display of library, museum, archives, and scholarly collections and exhibitions. Omeka’s Showcase includes projects powered by Omeka. 1 Pings/Trackbacks for "Tools"