Crandore Hub

focusedMDS

Focused, Interactive Multidimensional Scaling

Takes a distance matrix and plots it as an interactive graph. One point is focused at the center of the graph, around which all other points are plotted in their exact distances as given in the distance matrix. All other non-focus points are plotted as best as possible in relation to one another. Double click on any point to choose a new focus point, and hover over points to see their ID labels. If color label categories are given, hover over colors in the legend to highlight only those points and click on colors to highlight multiple groups. For more information on the rationale and mathematical background, as well as an interactive introduction, see <https://lea-urpa.github.io/focusedMDS.html>.

README

# D3: Data-Driven Documents

<a href="https://d3js.org"><img src="https://d3js.org/logo.svg" align="left" hspace="10" vspace="6"></a>

**D3** (or **D3.js**) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

## Resources

* [API Reference](https://github.com/d3/d3/blob/master/API.md)
* [Release Notes](https://github.com/d3/d3/releases)
* [Gallery](https://github.com/d3/d3/wiki/Gallery)
* [Examples](http://bl.ocks.org/mbostock)
* [Wiki](https://github.com/d3/d3/wiki)

## Installing

If you use npm, `npm install d3`. Otherwise, download the [latest release](https://github.com/d3/d3/releases/latest). The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from [d3js.org](https://d3js.org), [CDNJS](https://cdnjs.com/libraries/d3), or [unpkg](https://unpkg.com/d3/). For example:

```html
<script src="https://d3js.org/d3.v4.js"></script>
```

For the minified version:

```html
<script src="https://d3js.org/d3.v4.min.js"></script>
```

You can also use the standalone D3 microlibraries. For example, [d3-selection](https://github.com/d3/d3-selection):

```html
<script src="https://d3js.org/d3-selection.v1.js"></script>
```

D3 is written using [ES2015 modules](http://www.2ality.com/2014/09/es6-modules-final.html). Create a [custom bundle using Rollup](http://bl.ocks.org/mbostock/bb09af4c39c79cffcde4), Webpack, or your preferred bundler. To import D3 into an ES2015 application, either import specific symbols from specific D3 modules:

```js
import {scaleLinear} from "d3-scale";
```

Or import everything into a namespace (here, `d3`):

```js
import * as d3 from "d3";
```

Versions across snapshots

VersionRepositoryFileSize
1.3.3 rolling linux/jammy R-4.5 focusedMDS_1.3.3.tar.gz 221.1 KiB
1.3.3 rolling linux/noble R-4.5 focusedMDS_1.3.3.tar.gz 221.0 KiB
1.3.3 rolling source/ R- focusedMDS_1.3.3.tar.gz 209.8 KiB
1.3.3 latest linux/jammy R-4.5 focusedMDS_1.3.3.tar.gz 221.1 KiB
1.3.3 latest linux/noble R-4.5 focusedMDS_1.3.3.tar.gz 221.0 KiB
1.3.3 latest source/ R- focusedMDS_1.3.3.tar.gz 209.8 KiB
1.3.3 2026-04-26 source/ R- focusedMDS_1.3.3.tar.gz 209.8 KiB
1.3.3 2026-04-23 source/ R- focusedMDS_1.3.3.tar.gz 209.8 KiB
1.3.3 2026-04-09 windows/windows R-4.5 focusedMDS_1.3.3.zip 226.7 KiB
1.3.3 2025-04-20 source/ R- focusedMDS_1.3.3.tar.gz 209.8 KiB

Dependencies (latest)

Imports