Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: medialab/exp-ai
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 0.0.1
Choose a base ref
...
head repository: medialab/exp-ai
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: main
Choose a head ref
Loading
Showing with 28,325 additions and 1,983 deletions.
  1. +24 −45 README.md
  2. +22,954 −16 package-lock.json
  3. +4 −1 package.json
  4. +1 −0 public/images/objection-algo.svg
  5. +1 −0 public/images/objection-datascientists.svg
  6. +1 −0 public/images/objection-etrangers.svg
  7. +1 −0 public/images/objection-femme.svg
  8. +1 −0 public/images/objection-interpretabilite.svg
  9. +1 −0 public/images/objection-misogyne.svg
  10. +1,001 −1,001 public/models-sample.csv
  11. +1,001 −0 public/models-sample.old.csv
  12. +345 −19 src/App.scss
  13. BIN src/assets/schema_trustworthy_ai.png
  14. +63 −42 src/components/BrushableScatterPlot.js
  15. +1 −1 src/components/BrushableScatterPlot.scss
  16. +55 −5 src/components/ContinueButton.js
  17. +55 −0 src/components/DebouncedInput.js
  18. +230 −91 src/components/FilterForm.js
  19. +57 −64 src/components/FilterForm.scss
  20. +72 −90 src/components/History.js
  21. +109 −4 src/components/History.scss
  22. +6 −1 src/components/MetricsCrossingIndicator.js
  23. +7 −6 src/components/MetricsCrossingIndicator.scss
  24. +197 −0 src/components/MiniGraph.js
  25. +58 −0 src/components/MiniGraph.scss
  26. +14 −1 src/components/StepContainer.js
  27. +2 −0 src/components/StepContainer.scss
  28. +11 −13 src/components/StepNav.js
  29. +8 −4 src/components/StepNav.scss
  30. +68 −94 src/components/VariableInputs.js
  31. +44 −11 src/constants.js
  32. +262 −58 src/containers/ConclusionContainer.js
  33. +1 −9 src/containers/DataikuInputsContainer.js
  34. +5 −2 src/containers/DataikuIntroContainer.js
  35. +17 −4 src/containers/EuLegislationContainer.js
  36. +154 −0 src/containers/FinalProvocationContainer.js
  37. +154 −64 src/containers/GlobalContainer.js
  38. +15 −0 src/containers/GlobalContainer.scss
  39. +5 −2 src/containers/HeaderContainer.js
  40. +53 −0 src/containers/InitialProvocationContainer.js
  41. +19 −11 src/containers/MainChoiceContainer.js
  42. +167 −10 src/containers/MetricsIntroContainer.js
  43. +118 −44 src/containers/MetricsOrderingContainer.js
  44. +251 −130 src/containers/ModelChoiceContainer.js
  45. +84 −8 src/containers/ModelChoiceContainer.scss
  46. +127 −69 src/containers/SecondaryChoiceContainer.js
  47. +1 −4 src/contents/first_part.md
  48. +49 −10 src/contents/messages.fr.yml
  49. +0 −9 src/contents/metrics_explanation.md
  50. +4 −0 src/contents/metrics_explanation_disparate_impact.md
  51. +1 −0 src/contents/metrics_explanation_errors_distribution.md
  52. +1 −0 src/contents/metrics_explanation_interpretability.md
  53. +7 −0 src/contents/metrics_explanation_intro.md
  54. +1 −0 src/contents/metrics_explanation_performance.md
  55. +1 −0 src/contents/metrics_explanation_privacy.md
  56. +27 −13 src/contents/metrics_list.fr.yml
  57. +18 −0 src/contents/provocations.yml
  58. +15 −15 src/contents/variables_list.fr.yml
  59. +0 −1 src/helpers/download.js
  60. +248 −0 src/helpers/history.js
  61. +8 −0 src/helpers/misc.js
  62. +14 −0 src/helpers/sorters.js
  63. +45 −3 src/state/duckData.js
  64. +2 −1 src/state/duckHistory.js
  65. +11 −7 src/state/duckUi.js
  66. +48 −0 src/worker.js
69 changes: 24 additions & 45 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,58 +1,37 @@
# How to publish changes on github page

# Global tech spec
The deployment to github pages is done through the npm command `deploy` of the npm package of this project.

History navigation management (go back-forward in steps) -> handle with state or history or spatial organization
## Prerequisites

# State tree spec

```
* data
* variablesSorting = Array<str>
* annotations = Map (keys => variables name sorted, joined and sluggified)
* xRange = Array<float>{2} (portion of min-max in 0-1 domain)
* yRange = Array<float>{2} (portion of min-max in 0-1 domain)
* demographicParity? = Boolean (when possibility of using democraphic parity vs reject focus)
* comment? = string (user comment for each choice)
* ui
```

# Components tree spec

Rough architecture:

* Container
* Header
* StepsContainer
* StepContainer
*BrushableScatterplot
* ...
* Footer

Having node and git installed.

## Procedure

Components list:
Open a terminal and run the following lines :

* Container
* StepContainer
* BrushableScatterplot

# Stories

* sort variables
* annotate first variable couple
* delete local data
* review overview of choices
* print experiment result
* download experiment results
* inbound explanations

# UX/nav
```bash
git clone https://github.com/medialab/exp-ai
cd exp-ai
npm install
npm run deploy
```

* unfolding vertical UI (one screen per step)
If you modify data (e.g. contents) through the web interface and want to publish your changes on github pages, you can just update your local copy on the repository and redeploy :

```bash
git pull
npm run deploy
```

---
Or if you work locally, you can commit your changes and then redeploy :

```bash
git add .
git commit -m "change contents"
git push origin main
npm run deploy
```

# Getting Started with Create React App

Loading