gatsby-remark-graph - Make nice graphs in your markdown files in gatsbyjs, using mermaid

  •        172

Make nice graphs in your markdown files in gatsbyjs, using mermaid. Here is a basic demo, which also uses my starter template.

https://github.com/konsumer/gatsby-remark-graph#readme

Dependencies:

unist-util-visit : ^1.1.3

Tags
Implementation
License
Platform

   




Related Projects

gatsby-mdx - Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects

  •    Javascript

Gatsby-MDX is a fully featured MDX transformer, runtime, and ecosystem integrations for ambitious projects. It integrates MDX with Gatsby to enable rich JAMStack applications. Using gatsby-mdx you can build interactive software documentation sites, apply design system components to rendered markdown and more... See CONTRIBUTING.md.

Gatsby - Blazing fast static site generator for React

  •    Javascript

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

gatsby-starter-netlify-cms - Example gatsby + netlify cms project

  •    Javascript

Note: This starter uses the Gatsby v2 Beta. This repo contains an example business website that is built with Gatsby, and Netlify CMS: Demo Link.

gatsby-style-guide-guide - A boilerplate for creating your own custom style guide

  •    Javascript

Style Guide Guide is a boilerplate for creating a custom style guide for your organization's design system. It provides just enough IA and hooks to get you going. As a bonus, I've provided links to helpful resources and inspiration to help you as you create your own custom style guide. Gatsby Style Guide Guide is built using Gatsby, a site generator built with React.

nodejs

  •    TypeScript

Nodejs.dev site built using Gatsby.js with React.js, TypeScript, Emotion, and Remark. You can find the latest Figma design protype here.


Tina - Site editing toolkit for modern React-based sites (Gatsby and Next.js)

  •    Typescript

Tina is an open-source site editing toolkit for React-based frameworks (Gatsby & Next.js). Manage content on your own site, not another platform. Import Tina directly into your components to expose an editing interface for controlling and updating layers of your content mesh. You define the content model and editing powers specific to your site.

gray-matter - Smarter yaml front matter parser, used by metalsmith, gatsby, netlify, assemble, mapbox-gl, phenomic, and many others

  •    Javascript

Parse front-matter from a string or file. Fast, reliable and easy to use. Parses YAML front matter by default, but also has support for YAML, JSON, TOML or Coffee Front-Matter, with options to set custom delimiters. Used by metalsmith, assemble, verb and many other projects. Please consider following this project's author, Jon Schlinkert, and consider starring the project to show your ❤️ and support.

reactjs.org - The React documentation website

  •    Javascript

This repo contains the source code and documentation powering reactjs.org.

ram - :atom_symbol: React Application Manager: create and run React (and other) applications – no command line or build setup required

  •    Javascript

To add support for another app, please open a pull request. For the most part, Create React App has solved #1 for people who already know #2 and #3. It's an excellent tool and that's why RAM makes use of it.

learn - freeCodeCamp's learning platform with 2,000 interactive coding challenges

  •    Javascript

The freeCodeCamp.org curriculum are now housed in this new stand-alone web app, https://learn.freecodecamp.org. This coding environment uses Gatsby.js and is much faster and easier to maintain than our old beta learning environment.

jargon.ist - Jargon.ist - Bilgisayar bilimleri jargonu sözlüğü

  •    Javascript

Jargon.ist, bilgisayar bilimleri alanında kullanılan bazı jargonların topluluk tarafından Türkçe olarak açıklanmasını sağlayan bir web uygulamasıdır. Jargonları güncellemek veya yeni bir tane eklemek için yapmanız gereken, bu repo'yu fork'ladıktan sonra jargons klasörü içinde bulunan dosyalarda değişiklik yapmak ya da bu klasöre yeni bir tane daha markdown dosyası ekleyip, pull request açmak. Bir jargon markdown dosyası nasıl olmalı incelemek için CONTRIBUTING dosyasını inceleyebilirsiniz.

carbon-website-archive - The website for the Carbon Design System

  •    Javascript

This is the Carbon Design System website which is built using GatsbyJS. If you need more detailed information on how to setup your machine to develop locally, please take a look at our wiki.

30-seconds-of-php - A curated collection of useful PHP snippets that you can understand in 30 seconds or less

  •    PHP

Curated collection of useful PHP snippets that you can understand in 30 seconds or less. Returns true if the provided function returns true for all elements of an array, false otherwise.

flutter-widget-livebook - Live preview example for flutter widgets.

  •    Dart

Flutter Widget Livebook is a website built with Flutter for web to live preview widget samples online. To check out live examples and docs, visit flutter-widget-livebook.blankapp.org.

remark - A simple, in-browser, markdown-driven slideshow tool.

  •    Javascript

Check out this remark slideshow for a brief introduction. To render your Markdown-based slideshow on the fly, checkout Remarkise.

Mermaid - Generation of diagram and flowchart from text in a similar manner as markdown

  •    Javascript

Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript.

ngx-graph - Graph visualization library for angular

  •    TypeScript

This library is focused on handling graph data (anything with nodes and edges) rather than chart data. Currently the only visualization uses the Dagre layout, which is specialized for directed graphs. The plan is to implement multiple visualisations for graph data within this same library. Eventually, ngx-charts-force-directed-graph may be imported into this library as another option to visualize your graph data. ngx-graph is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.

GraphEngine - Microsoft Graph Engine

  •    CSharp

Microsoft Graph Engine is a distributed in-memory data processing engine, underpinned by a strongly-typed in-memory key-value store and a general distributed computation engine.This repository contains the source code of Graph Engine and its graph query language -- Language Integrated Knowledge Query (LIKQ). LIKQ is a versatile graph query language on top of Graph Engine. It combines the capability of fast graph exploration and the flexibility of lambda expression: server-side computations can be expressed in lambda expressions, embedded in LIKQ, and executed on the server side during graph traversal. LIKQ is powering Academic Graph Search API, which is part of Microsoft Cognitive Services.

Gremlin - Graph Traversal Language

  •    Groovy

Gremlin is a graph traversal language. Gremlin works over those graph databases or frameworks that implement the Blueprints property graph data model. It works beter with graph database like TinkerGraph, Neo4j, OrientDB, DEX, Rexster, and Sail RDF Stores. This language has application in the areas of graph query, analysis, and manipulation.