\documentclass[12pt]{article}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{positioning}

\definecolor{colortop}{RGB}{184,223,155}
\definecolor{colorside}{RGB}{0,209,54}

\DeclareMathOperator{\Att}{Att}
\DeclareMathOperator{\Item}{Item}

\begin{document}

\pagestyle{empty}
\begin{tikzpicture}[every node/.style={minimum size=1cm,font=\scriptsize},on grid]
\begin{scope}[every node/.append style={yslant=-0.5,rotate=90},yslant=-0.5]
  \shade[right color=colorside!30, left color=colorside!50] (-1,0) rectangle +(4,3);
  \node at (-0.5,2.25) {};
  \node at (0.5,2.25) {$\Att_1$};
  \node at (1.5,2.25) {$\Att_2$};
  \node at (2.5,2.25) {$\Att_3$};
  \node at (-0.5,0.75) {User};
  \node at (0.5,0.75) {$1$};
  \node at (1.5,0.75) {$0$};
  \node at (2.5,0.75) {$0$};
  \draw (-1,0) grid[ystep=1.5] (3,3);
\end{scope}
\begin{scope}[every node/.append style={yslant=0.5},yslant=0.5]
  \shade[right color=colorside!70,left color=colorside!10] (3,-3) rectangle +(5,3);
  \node at (3.5,-0.5) {};
  \node at (4.5,-0.5) {$\Att_1$};
  \node at (5.5,-0.5) {$\Att_2$};
  \node at (6.5,-0.5) {$\Att_3$};
  \node at (7.5,-0.5) {$\Att_4$};
  \node at (3.5,-1.5) {$\Item_1$};
  \node at (4.5,-1.5) {$0$};
  \node at (5.5,-1.5) {$1$};
  \node at (6.5,-1.5) {$1$};
  \node at (7.5,-1.5) {$1$};
  \node at (3.5,-2.5) {$\Item_2$};
  \node at (4.5,-2.5) {$0$};
  \node at (5.5,-2.5) {$0$};
  \node at (6.5,-2.5) {$1$};
  \node at (7.5,-2.5) {$0$};
  \draw (3,-3) grid (8,0);
\end{scope}
\begin{scope}[every node/.append style={
    yslant=0.5,xslant=-1},yslant=0.5,xslant=-1
  ]
  \shade[bottom color=colortop!10, top color=colortop!80] (8,4) rectangle +(-5,-4);
  \node[font=\scriptsize\color{red},rotate=-90] at (5.5,2) {User--item feature matrix};
\end{scope}
\end{tikzpicture}
\end{document}