https://github.com/orvn/some-visualizations

Just some visualizations of concepts and data
https://github.com/orvn/some-visualizations

d3js data-visualization math statistics

Last synced: about 13 hours ago
JSON representation

Just some visualizations of concepts and data

• Host: GitHub
• URL: https://github.com/orvn/some-visualizations
• Owner: orvn
• License: apache-2.0
• Created: 2026-05-09T17:58:19.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2026-05-26T01:46:34.000Z (about 1 month ago)
• Last Synced: 2026-05-26T03:28:17.476Z (about 1 month ago)
• Topics: d3js, data-visualization, math, statistics
• Language: TypeScript
• Homepage: https://somevisuals.com
• Size: 2.48 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![Alpine.js](https://img.shields.io/badge/Alpine.js-8BC0D0?style=flat&logo=alpinedotjs&logoColor=black) ![Astro](https://img.shields.io/badge/Astro-FF5D01?style=flat&logo=astro&logoColor=white) ![D3.js](https://img.shields.io/badge/D3.js-F9A03C?style=flat&logo=d3dotjs&logoColor=black) ![Bun](https://img.shields.io/badge/Bun-000000?style=flat&logo=bun&logoColor=white)

# Some Visualizations

A collection of frontend interactive data visualization. Built with [Astro](https://astro.build) and [Alpine.js](https://alpinejs.dev).

### See at _**[somevisuals.com](https://somevisuals.com)**_



## Quickstart

```bash

bun install    # node 22+

bun dev        # local development

bun build      # outputs to ./dist

bun preview    # preview the ./dist

```

## Stack

- Astro 6

- Alpine.js

- Various visualization libs, like:

  - chart.js

  - d3.js

  

## Content

All page content lives in `src/content/` as [TOON](https://toonformat.dev) files, a compact, human-readable format. Each page file follows a consistent three-section structure: `meta`, `options`, and `content`.

### Global content

`src/content/global.toon` holds site-wide values used across all pages: site name, default description, default graph image, title postfix appended to page titles, etc.

### Adding a content file for a new page

Create `src/content/my-page.toon`, then load it in the corresponding `.astro` file:

```astro

---

import BaseLayout from '../layouts/BaseLayout.astro';

import { loadPage } from '../lib/content';

const { meta, options, content } = loadPage('my-page');

const c = content as { heading: string; body: string };

---

  
{c.heading}

  
{c.body}


```

`loadGlobal()` is available for components that need site-wide values (name, URL, etc.).

## Configuration

### Site metadata

Edit `src/content/global.toon` to set the site name, description, URL, and title postfix before deploying.

### Local development server

Configured in `astro.config.mjs`:

```js

server: {

  port: 14300,

},

```

### Sitemap

Generated automatically at build time by `@astrojs/sitemap`. The output file is `dist/sitemap-index.xml`. It will 404 in dev, this is expected.

## Deployment

Assuming a static site host like Cloudflare Pages, Github Pages, Netlify, etc.

- Build command: `bun run build`

- Set output directory: `dist`

- Ensure Node version is set to **22** or higher in environment settings

- Add any environment variables (none by default)