# Interface: Options

Initial network renderer configuration.

## Remarks

`msaa` is read once at construction. Other fields seed the initial view and
can be patched later with [Network.setOptions](Network.md#setoptions).

## Properties

| Property | Type | Default value | Description |
| :------ | :------ | :------ | :------ |
| <a id="property-basecolor"></a> `baseColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.5, 0.5, 0.5, 1]`. | Resting vertex color when the `vertexColor` channel carries no signal. |
| <a id="property-bordercolor"></a> `borderColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.52, 0.5, 0.49, 1]`. | Geographic border tint as four normalized color channels; shaders keep tier alpha. |
| <a id="property-borders"></a> `borders?` | `boolean` | `true`. | Draw geographic border overlays. |
| <a id="property-colormap"></a> `colormap?` | (`t`) => readonly \[`number`, `number`, `number`\] | `A neutral gray ramp.` | Seeds the color lookup texture used by colormap channels. |
| <a id="property-daylight"></a> `daylight?` | `boolean` | `true`. | Enable time-based daylight shading. |
| <a id="property-earthaxis"></a> `earthAxis?` | `boolean` | `true`. | Draw the globe earth-axis indicator when supported. |
| <a id="property-edgehoverpx"></a> `edgeHoverPx?` | `number` | `3.5`. | Additional hover half-width around focused edges, in CSS pixels. |
| <a id="property-edges"></a> `edges?` | `boolean` | `true`. | Draw edge segments. |
| <a id="property-edgeselectedpx"></a> `edgeSelectedPx?` | `number` | `5`. | Additional selection half-width around focused edges, in CSS pixels. |
| <a id="property-focusenabled"></a> `focusEnabled?` | `boolean` | `true`. | Enable hover and selection highlighting. |
| <a id="property-focusendpointmode"></a> `focusEndpointMode?` | `"off"` \| `"selected"` \| `"hover-selected"` | `"selected"`. | Endpoint highlight mode for focused edges. |
| <a id="property-graticule"></a> `graticule?` | `boolean` | `false`. | Draw projection graticule lines. |
| <a id="property-graticulecolor"></a> `graticuleColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.45, 0.48, 0.54, 1]`. | Graticule line color as four normalized color channels. |
| <a id="property-hoveralpha"></a> `hoverAlpha?` | `number` | `0.5`. | Multiplier applied to the hover color alpha channel. |
| <a id="property-hovercolor"></a> `hoverColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.72, 0.28, 0.18, 1]`. | Hover highlight color as four normalized color channels. |
| <a id="property-msaa"></a> `msaa?` | `1` \| `4` | Automatically selects `4` on typical displays and `1` on very large device-pixel surfaces. | Multisample anti-aliasing sample count selected at construction. |
| <a id="property-nightfloor"></a> `nightFloor?` | `number` | `0.55`. | Minimum brightness on the night side of overlay geometry. |
| <a id="property-poles"></a> `poles?` | `boolean` | `false`. | Draw height poles when a `vertexHeight` channel is active. |
| <a id="property-selectedalpha"></a> `selectedAlpha?` | `number` | `0.82`. | Multiplier applied to the selected color alpha channel. |
| <a id="property-selectedcolor"></a> `selectedColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.72, 0.28, 0.18, 1]`. | Selection highlight color as four normalized color channels. |
| <a id="property-surfacecolor"></a> `surfaceColor?` | readonly \[`number`, `number`, `number`, `number`\] | `[0.15, 0.16, 0.19, 1]`. | Tilt ground plane and globe sphere base color as four normalized color channels. |
| <a id="property-surfacenightfloor"></a> `surfaceNightFloor?` | `number` | `0.1`. | Minimum brightness on the night side of opaque surfaces. |
| <a id="property-terminatorwidth"></a> `terminatorWidth?` | `number` | `0.12`. | Softness of the day/night terminator in shader units. |
| <a id="property-vertexhoverpx"></a> `vertexHoverPx?` | `number` | `6`. | Additional hover radius around focused vertices, in CSS pixels. |
| <a id="property-vertexselectedpx"></a> `vertexSelectedPx?` | `number` | `7`. | Additional selection radius around focused vertices, in CSS pixels. |
| <a id="property-vertices"></a> `vertices?` | `boolean` | `true`. | Draw vertex billboards. |