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
Cytoscape.js 10+ JavaScript libraries to draw your own diagrams (2019 edition) You can render anything you want in your browser with JavaScript. Good examples are this list of online modeling tools that help you to easily create UML (or ER, BPMN, …) diagrams directly in the browser. Most of these tools use JavaScript to render graphical shapes and interact with them. But what if you want to create your own kind of diagrams or build your own editor? Don’t worry, we have you covered. We split the set of JavaScript drawing libraries into two main categories: Libraries with explicit support for software models (e.g. In short, if you’re looking for an almost ready-to-go way to integrate a JavaScript modeling library into your tool go for a library from the first group. JavaScript libraries for drawing UML (or BPMN or ERD …) diagrams Interested in a library to help you embed UML editors in your application? JointJS JointJS can be used to create either static diagrams or fully interactive diagramming tools and application builders. Here are some of its features: Rappid GoJS
DH Press | Digital Humanities Toolkit JointJS - the HTML 5 JavaScript diagramming library. 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.
frewsxcv/graphosaurus 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"