Lightweight interface components for exploring data and building interactive displays

Mike Bostock

Observable

Hello, Inputs!

Button Input / Observable Inputs

Toggle Input / Observable Inputs

Checkbox Input / Observable Inputs

Date Input / Observable Inputs

Radio Input / Observable Inputs

Range Input / Observable Inputs

Select Input / Observable Inputs

Text Input / Observable Inputs

Textarea Input / Observable Inputs

Color Input / Observable Inputs

File Input / Observable Inputs

Table Input / Observable Inputs

Search Input / Observable Inputs

Synchronized Inputs

Legacy Inputs

Form Input / Observable Inputs

Observable Inputs

how do I use initialValue with a blob or url with the new file input ?

Christopher Pietsch

@cpietsch An initial value is currently not supported. See https://github.com/observablehq/inputs/issues/192 for the details and a workaround.

Fabian Iwand

Is it possible to set a default file (e.g. a FileAttachment) like: viewof csvfile = Inputs.file({..., value: FileAttachment("defaultData.csv") ?

That is not currently possible (because you can’t create a FileList); however I think I can workaround this limitation. It’d be great if you filed a feature request in the Inputs repo.

Brett Cooper

My work around was to have one cell with :
teFile = file || FileAttachment("nz-8m-digital-elevation-model-2012@2.tif")
And another with :
Tiff = await teFile.arrayBuffer()

or 
workbook = _.isEmpty(xlsxfile)? FileAttachment("data-publication-work-related-september-2021.xlsx").xlsx() : xlsxfile.xlsx()