function ImageFeature()

in captum/insights/attr_vis/frontend/src/components/Feature.tsx [20:55]


function ImageFeature(props: ImageFeatureProps) {
  return (
    <>
      {props.hideHeaders && (
        <div className={styles["panel__column__title"]}>
          {props.data.name} (Image)
        </div>
      )}
      <div className={styles["panel__column__body"]}>
        <div className={styles["model-number-spacer"]} />
        <div className={styles.gallery}>
          <div className={styles["gallery__item"]}>
            <div className={styles["gallery__item__image"]}>
              <img
                src={"data:image/png;base64," + props.data.base}
                alt="original"
              />
            </div>
            <div className={styles["gallery__item__description"]}>Original</div>
          </div>
          <div className={styles["gallery__item"]}>
            <div className={styles["gallery__item__image"]}>
              <img
                src={"data:image/png;base64," + props.data.modified}
                alt="attribution"
              />
            </div>
            <div className={styles["gallery__item__description"]}>
              Attribution Magnitude
            </div>
          </div>
        </div>
      </div>
    </>
  );
}